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

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

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