From e7cebcb00c6bab910ac0b824e4d46ccc0fca9fb5 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Mon, 17 Nov 2025 11:02:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=81=AE=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages_app/videoDetail/videoDetail.vue | 52 +++++++++++++++++----------
 tsconfig.json                         |  1 +
 2 files changed, 35 insertions(+), 18 deletions(-)

diff --git a/pages_app/videoDetail/videoDetail.vue b/pages_app/videoDetail/videoDetail.vue
index fb1ab84..63be5a8 100644
--- a/pages_app/videoDetail/videoDetail.vue
+++ b/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-cover class="tab-line" v-if="activeTab === 'comment'"></view-cover>
+          </cover-view
         >
-      </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{
diff --git a/tsconfig.json b/tsconfig.json
index ea9fb78..461e401 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -61,5 +61,6 @@
 
 
 
+