pages/index/index.wxml

@@ -149,6 +149,8 @@
             wx:if="{{!item.isAd && filteredGoods.length > 0}}"
           >
             <view class="product-card {{item.status === 'sold_out' ? 'sold-out-grayscale' : ''}}">
+              <!-- 售空商品半透明覆盖层 -->
+              <view wx:if="{{item.status === 'sold_out'}}" class="sold-out-overlay"></view>
               <view class="product-image-wrapper">
                 <!-- 视频处理：根据mediaItems中的类型字段判断 -->
                 <video 

pages/index/index.wxss

@@ -749,7 +749,7 @@ wx-button:not([size=mini]) {
   flex-direction: column;
   background: rgba(255, 255, 255, 0.15);
   backdrop-filter: blur(10rpx);
-  border-top: 1rpx solid rgba(255, 255, 255, 0.2);
+  border-top: 1rpx solid rgba(255, 255, 255, 0.5);
 }
 
 .goods-name {
@@ -1331,6 +1331,7 @@ wx-button:not([size=mini]) {
   transition: all 0.3s ease;
   display: flex;
   flex-direction: column;
+  position: relative;
 }
 
 .product-card:active {
@@ -1362,11 +1363,18 @@ video.product-media {
   object-fit: fill;
 }
 
-/* 售空商品黑白效果 - 仅图片 */
-.sold-out-grayscale .product-image-wrapper .product-media,
-.sold-out-grayscale .product-image-wrapper image,
-.sold-out-grayscale .product-image-wrapper video {
-  filter: grayscale(85%);
+
+
+/* 售空商品半透明覆盖层 */
+.sold-out-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.6);
+  z-index: 2;
+  border-radius: 16rpx;
 }
 
 /* 促销标签 */
@@ -1378,7 +1386,7 @@ video.product-media {
   font-size: 20rpx;
   color: #fff;
   border-radius: 0 0 12rpx 0;
-  z-index: 1;
+  z-index: 3;
   font-weight: 600;
 }
 

project.private.config.json

@@ -1,6 +1,6 @@
 {
   "libVersion": "3.10.3",
-  "projectname": "Mini-Program",
+  "projectname": "xcxsp",
   "setting": {
     "urlCheck": false,
     "coverView": true,