Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(视频号组件): 去除不需要的属性

Browse Source
This commit is contained in:
ZF Sun
2026-01-13 14:47:46 +08:00
parent ee8c24cdf8
commit a31c004508
1 changed files with 11 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components-diy/diy-channel-video.vue
View File

@@ -2,23 +2,20 @@
<view class="channel-video" :class="{ 'list-mode': listMode }">
<!-- 嵌入式视频播放 -->
<view v-if="canUseEmbedMode" class="embed-video-container">
<view class="video-cover-wrap" :class="videoCoverClass" :style="computedCoverStyle">
<view class="video-cover-wrap" :class="videoCoverClass">
<!-- #ifdef MP-WEIXIN -->
<native-component>
<!-- 嵌入式视频播放组件 -->
<channel-video
:feed-id="value.feedId"
:finder-user-name="value.finderUserName"
:feed-token="value.feedToken"
:auto-play="autoPlay"
>
<channel-video :feed-id="value.feedId" :finder-user-name="value.finderUserName"
:feed-token="value.feedToken" :auto-play="autoPlay">
</channel-video>
</native-component>
<!-- #endif -->
</view>
<view class="video-info">
<!-- 视频标题，支持多行显示控制 -->
<view class="video-title" :style="{ '--title-line-clamp': titleLineClamp }">{{ value.videoTitle }}</view>
<view class="video-title" :style="{ '--title-line-clamp': titleLineClamp }">{{ value.videoTitle }}
</view>
<!-- 视频统计信息 -->
<view class="video-stats" v-if="value.showViewCount">{{ value.viewCount }}次观看</view>
</view>
@@ -26,7 +23,7 @@
<!-- 跳转式视频播放 -->
<view v-else @click.stop="playVideo" class="video-container">
<view class="video-cover-wrap" :class="videoCoverClass" :style="computedCoverStyle">
<view class="video-cover-wrap" :class="videoCoverClass">
<image class="video-cover" :src="$util.img(value.coverUrl)" mode="aspectFill"></image>
<view class="channel-play-btn" v-if="showPlayBtn" :style="playBtnStyle">
<image class="play-icon" v-if="playIcon" :src="$util.img(playIcon)" mode="aspectFill"></image>
@@ -38,7 +35,8 @@
</view>
<view class="video-info">
<!-- 视频标题，支持多行显示控制 -->
<view class="video-title" :style="{ '--title-line-clamp': titleLineClamp }">{{ value.videoTitle }}</view>
<view class="video-title" :style="{ '--title-line-clamp': titleLineClamp }">{{ value.videoTitle }}
</view>
<!-- 视频统计信息，非列表模式下显示 -->
<view class="video-stats" v-if="value.showViewCount && !listMode">{{ value.viewCount }}次观看</view>
</view>
@@ -206,28 +204,24 @@ export default {
/* 微信小程序环境样式 - 3:4 比例 */
.video-cover-wrap.mp-weixin.ratio-3-4 {
width: 100%;
height: 400rpx;
position: relative;
}
/* 微信小程序环境样式 - 16:9 比例 */
.video-cover-wrap.mp-weixin.ratio-16-9 {
width: 100%;
height: 300rpx;
position: relative;
}
/* H5 环境样式 - 3:4 比例 */
.video-cover-wrap.h5.ratio-3-4 {
width: 100%;
height: 0;
padding-top: 133.33%;
}
/* H5 环境样式 - 16:9 比例 */
.video-cover-wrap.h5.ratio-16-9 {
width: 100%;
height: 0;
padding-top: 56.25%;
}
@@ -292,7 +286,6 @@ export default {
/**
* 视频封面容器
* 比例由 computedCoverStyle 动态控制
*/
.video-cover-wrap {
position: relative;