|
|
|
|
@ -91,6 +91,60 @@
|
|
|
|
|
</view>
|
|
|
|
|
<view v-else class="g_border_e_t g_mt_16"></view>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<view class="m-banner g_pb_16 g_border_f5_b g_mt_12" v-if="swiperArray.length > 0">
|
|
|
|
|
<swiper class="swiper" :circular="false" :autoplay="false" :display-multiple-items="swiperArray.length < 5 ? swiperArray.length : 5" style="height: 58px">
|
|
|
|
|
<swiper-item
|
|
|
|
|
v-for="(item, index) in swiperArray"
|
|
|
|
|
:style="{
|
|
|
|
|
maxWidth: '58px',
|
|
|
|
|
paddingRight: index === swiperArray.length - 1 ? '0' : '12px'
|
|
|
|
|
}"
|
|
|
|
|
:key="index"
|
|
|
|
|
:class="index == 0 ? 'g_ml_0 g_mr_0' : ''"
|
|
|
|
|
>
|
|
|
|
|
<u-image
|
|
|
|
|
:radius="4"
|
|
|
|
|
v-if="item.type == 'image'"
|
|
|
|
|
:showLoading="true"
|
|
|
|
|
:src="item.image"
|
|
|
|
|
width="58px"
|
|
|
|
|
height="58px"
|
|
|
|
|
style="border-radius: 4px"
|
|
|
|
|
@click="handleViewBig(item, index)"
|
|
|
|
|
></u-image>
|
|
|
|
|
<view
|
|
|
|
|
class="g_w_60 g_h_58 g_radius_4 videoContainer"
|
|
|
|
|
style="overflow: hidden"
|
|
|
|
|
@click="showVideo(item)"
|
|
|
|
|
v-else
|
|
|
|
|
>
|
|
|
|
|
<video
|
|
|
|
|
class="theVideo"
|
|
|
|
|
:show-fullscreen-btn="false"
|
|
|
|
|
:show-play-btn="false"
|
|
|
|
|
:show-center-play-btn="false"
|
|
|
|
|
:enable-play-gesture="true"
|
|
|
|
|
:id="item.id"
|
|
|
|
|
:src="item.image"
|
|
|
|
|
@fullscreenchange="fullScreen"
|
|
|
|
|
:muted="muted"
|
|
|
|
|
:show-mute-btn="true"
|
|
|
|
|
>
|
|
|
|
|
<!-- <view class="shareVideo">
|
|
|
|
|
<icon
|
|
|
|
|
@click="shareVideo(item)"
|
|
|
|
|
class="iconfont"
|
|
|
|
|
:class="wxPlat == 'wxwork' ? 'icon-huidaodingbu' : 'icon-zhuanfa1'"
|
|
|
|
|
></icon>
|
|
|
|
|
</view> -->
|
|
|
|
|
</video>
|
|
|
|
|
</view>
|
|
|
|
|
</swiper-item>
|
|
|
|
|
</swiper>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="g_flex_row_center g_border_e_b">
|
|
|
|
|
<u-tabs bg-color="transparent" :list="tabInfo.list" :current="tabInfo.active" :active-color="globalData.themeColor" bar-width="32" bar-height="6" @change="handleUpdateTab" :gutter="50" font-size="32" duration="0.05" height="76"></u-tabs>
|
|
|
|
|
</view>
|
|
|
|
|
@ -298,6 +352,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- 轮播banner -->
|
|
|
|
|
1{{swiperArray}}2
|
|
|
|
|
<div class="m-banner g_pb_16 g_border_f5_b" v-if="swiperArray.length > 0">
|
|
|
|
|
<swiper class="swiper" :circular="false" :autoplay="false" :display-multiple-items="swiperArray.length < 5 ? swiperArray.length : 5" style="height: 58px">
|
|
|
|
|
<swiper-item v-for="(item, index) in swiperArray" style="max-width: 58px; padding-right: 12px" :key="index" :class="index == 0 ? 'g_ml_0 g_mr_0' : ''">
|
|
|
|
|
@ -1599,6 +1654,27 @@ export default {
|
|
|
|
|
image {
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
}
|
|
|
|
|
.swiper {
|
|
|
|
|
// 为最后一个视频项目添加特殊处理
|
|
|
|
|
swiper-item:last-child {
|
|
|
|
|
.videoContainer {
|
|
|
|
|
// 确保视频容器不会被裁剪
|
|
|
|
|
overflow: visible !important;
|
|
|
|
|
|
|
|
|
|
.theVideo {
|
|
|
|
|
// 确保视频元素能够完整显示
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.shareVideo {
|
|
|
|
|
// 调整分享按钮位置，确保不会遮挡视频
|
|
|
|
|
right: 10px;
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.m-state {
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
