修改遮挡

pages_app/videoDetail/videoDetail.vue

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

tsconfig.json

@@ -61,5 +61,6 @@
 
 
 
+