优化：商品库存为零商品列表封面显示已售罄，详情页用户无法下单

components/productConSwiper/index.vue

@@ -80,7 +80,7 @@
 <style scoped lang="scss">
 	.product-bg {
 		width: 100%;
-		height: 750rpx;
+		height: 975rpx;
 		position: relative;
 	}
 

pages/goods_list/index.vue

@@ -33,7 +33,9 @@
 				<view class='list acea-row row-between-wrapper' :class='is_switch?"":"on"'>
 					<view class='item' :class='is_switch?"":"on"' hover-class='none'
 						v-for="(item,index) in productList" :key="index" @click="godDetail(item)">
+						
 						<view class='pictrue' :class='is_switch?"":"on"'>
+							<view class="no-sale-num" v-if="item.stock === 0">已售罄</view>
 							<image :src='item.picUrl' :class='is_switch?"":"on"'></image>
 							<span class="pictrue_log_class"
 								:class="is_switch ? 'pictrue_log_big' : 'pictrue_log'"
@@ -464,4 +466,19 @@
 		padding-bottom: 30rpx;
 		margin-top: 172rpx;
 	}
+	
+	.no-sale-num {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		position: absolute;
+		justify-content: center;
+		align-items: center;
+		z-index:100;
+		background: rgba(0, 0, 0, 0.36);
+		border-radius: 20rpx 20rpx 0 0;
+		color: #fff;
+		font-weight: 600;
+		font-size: $bg-end;
+	}
 </style>