From ec7f85bcfa761dccb33f703326a7cb2df762492a Mon Sep 17 00:00:00 2001 From: Trae AI Date: Sat, 3 Jan 2026 14:48:20 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A7=86=E9=A2=91=E6=92=AD?= =?UTF-8?q?=E6=94=BE=E5=99=A8=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E6=8E=A7=E5=88=B6=E6=A0=8F=E9=81=AE=E6=8C=A1=E9=97=AE=E9=A2=98?= =?UTF-8?q?=EF=BC=8C=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5=E5=92=8C=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E9=A1=B5=E5=B7=AE=E5=BC=82=E5=8C=96=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/goods-detail/goods-detail.wxml | 6 +++++- pages/goods-detail/goods-detail.wxss | 15 +++++++++++++++ pages/index/index.wxml | 8 ++++++-- pages/index/index.wxss | 5 +++++ 4 files changed, 31 insertions(+), 3 deletions(-) diff --git a/pages/goods-detail/goods-detail.wxml b/pages/goods-detail/goods-detail.wxml index ca078ff..58e36cc 100644 --- a/pages/goods-detail/goods-detail.wxml +++ b/pages/goods-detail/goods-detail.wxml @@ -27,6 +27,10 @@ autoplay="{{true}}" loop="{{true}}" muted="{{true}}" + initial-time="0" + show-mute-btn="{{true}}" + enable-progress-gesture="{{true}}" + enable-play-gesture="{{true}}" object-fit="fill" poster="" > @@ -47,7 +51,7 @@ - + {{goodsDetail.supplyStatus || '暂无状态'}} diff --git a/pages/goods-detail/goods-detail.wxss b/pages/goods-detail/goods-detail.wxss index a199d70..1c4248e 100644 --- a/pages/goods-detail/goods-detail.wxss +++ b/pages/goods-detail/goods-detail.wxss @@ -117,6 +117,14 @@ video.slider-media { 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 { width: 80rpx; @@ -128,6 +136,13 @@ video.slider-media .wx-video-play-btn::after { 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 { background-color: #ffffff; diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 6caf8eb..67503e1 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -153,12 +153,16 @@ class="product-media" src="{{item.mediaItems[0].url}}" mode="aspectFill" - show-center-play-btn="{{true}}" + show-center-play-btn="{{false}}" show-play-btn="{{false}}" - controls="{{true}}" + controls="{{false}}" autoplay="{{true}}" loop="{{true}}" muted="{{true}}" + initial-time="0" + show-mute-btn="{{false}}" + enable-progress-gesture="{{false}}" + enable-play-gesture="{{true}}" object-fit="fill" 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;"> diff --git a/pages/index/index.wxss b/pages/index/index.wxss index 7da9d9a..1ab4b60 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -1279,6 +1279,11 @@ wx-button:not([size=mini]) { background-color: #f5f5f5; } +/* 视频样式增强 */ +video.product-media { + object-fit: fill; +} + /* 促销标签 */ .promo-tag { position: absolute;