Browse Source

完成合并和库存显示规则优化

pull/3/head
徐飞洋 2 months ago
parent
commit
9a4c55156f
  1. 6
      pages/goods-detail/goods-detail.wxml
  2. 15
      pages/goods-detail/goods-detail.wxss
  3. 2
      pages/index/index.js
  4. 8
      pages/index/index.wxml
  5. 5
      pages/index/index.wxss

6
pages/goods-detail/goods-detail.wxml

@ -27,6 +27,10 @@
autoplay="{{true}}" autoplay="{{true}}"
loop="{{true}}" loop="{{true}}"
muted="{{true}}" muted="{{true}}"
initial-time="0"
show-mute-btn="{{true}}"
enable-progress-gesture="{{true}}"
enable-play-gesture="{{true}}"
object-fit="fill" object-fit="fill"
poster="" > poster="" >
</video> </video>
@ -47,7 +51,7 @@
</view> </view>
<!-- 商品基本信息 --> <!-- 商品基本信息 -->
<view class="goods-info" style="margin-top: -40rpx;"> <view class="goods-info">
<view style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10rpx;"> <view style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10rpx;">
<view style="display: flex; align-items: center; flex: 1;"> <view style="display: flex; align-items: center; flex: 1;">
<view style="display: inline-block; margin-right: 10rpx; font-size: 18rpx; color: #fff; background: rgba(218, 165, 32, 0.8); padding: 4rpx 10rpx; border-radius: 15rpx; vertical-align: middle; backdrop-filter: blur(10rpx); border: 1rpx solid rgba(255, 255, 255, 0.3); box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15), inset 0 1rpx 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2); font-weight: bold; margin-top: -20rpx;">{{goodsDetail.supplyStatus || '暂无状态'}}</view> <view style="display: inline-block; margin-right: 10rpx; font-size: 18rpx; color: #fff; background: rgba(218, 165, 32, 0.8); padding: 4rpx 10rpx; border-radius: 15rpx; vertical-align: middle; backdrop-filter: blur(10rpx); border: 1rpx solid rgba(255, 255, 255, 0.3); box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15), inset 0 1rpx 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2); font-weight: bold; margin-top: -20rpx;">{{goodsDetail.supplyStatus || '暂无状态'}}</view>

15
pages/goods-detail/goods-detail.wxss

@ -117,6 +117,14 @@ video.slider-media {
z-index: 1; z-index: 1;
} }
/* 视频控制器样式 - 调整进度条位置 */
video.slider-media .wx-video-controlbar {
bottom: 50px !important;
padding-bottom: 15px !important;
height: 60px !important;
z-index: 10 !important;
}
/* 视频播放按钮样式 */ /* 视频播放按钮样式 */
video.slider-media .wx-video-play-btn { video.slider-media .wx-video-play-btn {
width: 80rpx; width: 80rpx;
@ -128,6 +136,13 @@ video.slider-media .wx-video-play-btn::after {
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
} }
/* 视频静音图标样式 */
video.slider-media .wx-video-volume-icon {
background-image: url('https://img.icons8.com/windows/32/mute.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
/* 商品基本信息 */ /* 商品基本信息 */
.goods-info { .goods-info {
background-color: #ffffff; background-color: #ffffff;

2
pages/index/index.js

@ -578,7 +578,7 @@ Page({
// 智能库存显示 - 库存>=10000显示"库存充足",库存=0显示"暂无",其他显示具体数字 // 智能库存显示 - 库存>=10000显示"库存充足",库存=0显示"暂无",其他显示具体数字
let displayStock; let displayStock;
if (totalStock >= 1000) { if (totalStock >= 10000) {
// 库存>=10000时显示"库存充足" // 库存>=10000时显示"库存充足"
displayStock = '充足'; displayStock = '充足';
} else if (totalStock === 0) { } else if (totalStock === 0) {

8
pages/index/index.wxml

@ -153,12 +153,16 @@
class="product-media" class="product-media"
src="{{item.mediaItems[0].url}}" src="{{item.mediaItems[0].url}}"
mode="aspectFill" mode="aspectFill"
show-center-play-btn="{{true}}" show-center-play-btn="{{false}}"
show-play-btn="{{false}}" show-play-btn="{{false}}"
controls="{{true}}" controls="{{false}}"
autoplay="{{true}}" autoplay="{{true}}"
loop="{{true}}" loop="{{true}}"
muted="{{true}}" muted="{{true}}"
initial-time="0"
show-mute-btn="{{false}}"
enable-progress-gesture="{{false}}"
enable-play-gesture="{{true}}"
object-fit="fill" object-fit="fill"
poster="" poster=""
style="height: 270rpx; display: block; box-sizing: border-box; width: 337rpx; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;"> style="height: 270rpx; display: block; box-sizing: border-box; width: 337rpx; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;">

5
pages/index/index.wxss

@ -1279,6 +1279,11 @@ wx-button:not([size=mini]) {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
/* 视频样式增强 */
video.product-media {
object-fit: fill;
}
/* 促销标签 */ /* 促销标签 */
.promo-tag { .promo-tag {
position: absolute; position: absolute;

Loading…
Cancel
Save