gdxz/uniapp-app
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改遮挡

Browse Source
This commit is contained in:
zoujiandong 2025-11-17 11:02:15 +08:00
parent dcade02e47
commit e7cebcb00c
2 changed files with 35 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
pages_app/videoDetail/videoDetail.vue
View File

@ -32,22 +32,28 @@
style="height: 220px !important;" style="height: 220px !important;"
:src="videoSrc" :src="videoSrc"
controls controls
autoplay
></video> ></video>
<!-- 标签切换 --> <!-- 标签切换 -->
<view class="tabs"> <cover-view class="tabs">
<view <cover-view
class="tab" class="tab"
:class="{ active: activeTab === 'info' }" :class="{ active: activeTab === 'info' }"
@click="switchTab('info')" @click="switchTab('info')"
>视频简介</view >
> 视频简介
<view <view-cover class="tab-line" v-if="activeTab === 'info'"></view-cover>
</cover-view>
<cover-view
class="tab" class="tab"
:class="{ active: activeTab === 'comment' }" :class="{ active: activeTab === 'comment' }"
@click="switchTab('comment')" @click="switchTab('comment')"
>评论</view >
评论
<view-cover class="tab-line" v-if="activeTab === 'comment'"></view-cover>
</cover-view
> >
</view> </cover-view>
<view class="video-detail-page"> <view class="video-detail-page">
<!-- <scroll-view <!-- <scroll-view
class="content-scroll" class="content-scroll"
@ -690,6 +696,16 @@ $theme-color: #8b2316;
padding: 16rpx 0 24rpx; padding: 16rpx 0 24rpx;
color: $text-secondary; color: $text-secondary;
font-size: 28rpx; font-size: 28rpx;
.tab-line{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 64rpx;
height: 6rpx;
border-radius: 6rpx;
background: $theme-color;
}
&:nth-child(2){ &:nth-child(2){
margin-left: 200rpx; margin-left: 200rpx;
} }
@ -697,17 +713,17 @@ $theme-color: #8b2316;
color: $theme-color; color: $theme-color;
} }
&.active::after { // &.active::after {
content: ""; // content: "";
position: absolute; // position: absolute;
left: 50%; // left: 50%;
bottom: 0; // bottom: 0;
transform: translateX(-50%); // transform: translateX(-50%);
width: 64rpx; // width: 64rpx;
height: 6rpx; // height: 6rpx;
border-radius: 6rpx; // border-radius: 6rpx;
background: $theme-color; // background: $theme-color;
} // }
} }
} }
.video-detail-page{ .video-detail-page{

1
tsconfig.json
View File

@ -61,5 +61,6 @@