6666

pages/xingmaLab/xingmaLab.less

@@ -266,6 +266,61 @@
         height: 72vh;
         width: 100%;
         overflow: visible;
+        .waterfall-list-noval {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          height: 72vh;
+          width: 100%;
+          
+          .noval-content {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            
+            .noval-illustration {
+              width: 280rpx;
+              height: 240rpx;
+              // margin-bottom: 40rpx;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              
+              .noval-img {
+                width: 280rpx;
+                height: 240rpx;
+              }
+            }
+            
+            .noval-tip {
+              font-size: 28rpx;
+              color: #1d1e25;
+              text-align: center;
+              margin-bottom: 50rpx;
+              line-height: 1.4;
+            }
+            
+            .publish-btn {
+              background-color: #d3a358;
+              border-radius: 49rpx;
+              // padding: 20rpx 40rpx;
+              box-shadow: 0 4rpx 12rpx rgba(211, 163, 88, 0.3);
+              width: 323rpx;
+              height: 98rpx;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              .publish-text {
+                color: #ffffff;
+                font-size: 28rpx;
+                // font-weight: bold;
+              }
+            }
+          }
+        }
+
         .waterfall-list1 {
           position: absolute;
           // display: grid;

pages/xingmaLab/xingmaLab.vue

@@ -75,7 +75,26 @@
 
 				<!-- 我的藏品列表 - 使用与藏馆相同的数据 -->
 				<view v-if="activeSubTab === 'collections'" class="wodecangpin-content">
-					<view class="waterfall-list-noval"></view>
+					<view class="waterfall-list-noval" v-if="!(cangpinList && cangpinList.length > 0)">
+						<view class="noval-content">
+							<!-- 卡片插图 -->
+							<view class="noval-illustration">
+								<image 
+									class="noval-img" 
+									:src="$baseUrl + `xingmaLab/1001/cangpin_noval_img0.png`" 
+									mode="aspectFit"
+								/>
+							</view>
+							
+							<!-- 提示文字 -->
+							<text class="noval-tip">快去发布属于你的藏品吧!</text>
+							
+							<!-- 发布按钮 -->
+							<view class="publish-btn" @click="handlePublish">
+								<text class="publish-text">去发布</text>
+							</view>
+						</view>
+					</view>
 					<scroll-view 
 						class="waterfall-list1" 
 						scroll-y="true"
@@ -459,7 +478,13 @@ const switchSubTab = (subTab) => {
 }
 
 const handleBottomNavFabu = () => {
-	console.log('点击了发布')
+	
+
+	if(xingmaLabStore.xingmaInfo.isReachedLimit){
+		console.log('已达到发布上线')
+	}else{
+		console.log('跳转发布页面')
+	}
 }
 
 // 底部导航点击处理
@@ -478,6 +503,11 @@ const handleItemClick = (item) => {
 	console.log('点击了项目:', item)
 	// 这里可以添加跳转逻辑
 }
+
+const handlePublish = () => {
+	console.log('点击了发布按钮')
+	// 这里可以添加发布逻辑或跳转
+}
 </script>
 
 <style lang="less" scoped>