Browse Source

Merge pull request 'Update files' (#10) from hzj into Xfy

Reviewed-on: http://8.137.125.67:4000/SwtTt29/Mini-Program/pulls/10
pull/11/head
hzj 2 months ago
parent
commit
d5e3fbc1e8
  1. 2
      pages/index/index.wxml
  2. 22
      pages/index/index.wxss
  3. 2
      project.private.config.json

2
pages/index/index.wxml

@ -149,6 +149,8 @@
wx:if="{{!item.isAd && filteredGoods.length > 0}}" wx:if="{{!item.isAd && filteredGoods.length > 0}}"
> >
<view class="product-card {{item.status === 'sold_out' ? 'sold-out-grayscale' : ''}}"> <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"> <view class="product-image-wrapper">
<!-- 视频处理:根据mediaItems中的类型字段判断 --> <!-- 视频处理:根据mediaItems中的类型字段判断 -->
<video <video

22
pages/index/index.wxss

@ -749,7 +749,7 @@ wx-button:not([size=mini]) {
flex-direction: column; flex-direction: column;
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10rpx); 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 { .goods-name {
@ -1331,6 +1331,7 @@ wx-button:not([size=mini]) {
transition: all 0.3s ease; transition: all 0.3s ease;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative;
} }
.product-card:active { .product-card:active {
@ -1362,11 +1363,18 @@ video.product-media {
object-fit: fill; 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 { .sold-out-overlay {
filter: grayscale(85%); 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; font-size: 20rpx;
color: #fff; color: #fff;
border-radius: 0 0 12rpx 0; border-radius: 0 0 12rpx 0;
z-index: 1; z-index: 3;
font-weight: 600; font-weight: 600;
} }

2
project.private.config.json

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

Loading…
Cancel
Save