✨ feat(作品详情页): 返回逻辑调整

@@ -19,7 +19,8 @@
     <div class="video-main">
     <div class="video-main">
       <van-row>
       <van-row>
         <van-col span="24" style="padding-top: 0.2rem;">
         <van-col span="24" style="padding-top: 0.2rem;">
-          <van-tabs sticky v-model:active="active" @click-tab="onClickTab" color="#F9D95C" background="#F7F7F7" title-active-color="#222222" title-inactive-color="#777777">
+          <van-tabs sticky v-model:active="active" @click-tab="onClickTab" color="#F9D95C" background="#F7F7F7"
+            title-active-color="#222222" title-inactive-color="#777777">
             <van-tab title="简介" :title-style="tabClass">
             <van-tab title="简介" :title-style="tabClass">
               <div class="intro"> 瑟日古娜小朋友是一名来自呼和浩特市新城区蒙古族幼儿园，六岁的蒙古族小姑娘，小姑娘用纯正的蒙古族语言生动形象的演绎了逃家小兔的活泼机灵，以及兔子妈妈的深情。 </div>
               <div class="intro"> 瑟日古娜小朋友是一名来自呼和浩特市新城区蒙古族幼儿园，六岁的蒙古族小姑娘，小姑娘用纯正的蒙古族语言生动形象的演绎了逃家小兔的活泼机灵，以及兔子妈妈的深情。 </div>
             </van-tab>
             </van-tab>
@@ -37,7 +38,7 @@
 
 
 <script setup>
 <script setup>
 import VideoDetail from '@/components/VideoDetail/index.vue'
 import VideoDetail from '@/components/VideoDetail/index.vue'
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
 import $ from 'jquery'
 import $ from 'jquery'
@@ -79,6 +80,12 @@ const active = ref(0); // index 0 为简介，1 为留言
 const onClickTab = ({ title }) => {
 const onClickTab = ({ title }) => {
   console.warn(title);
   console.warn(title);
 };
 };
+// 监听路由变化
+watch(() => $route.path, (v) => {
+  if (v === '/client/videoDetail') { // 返回详情主页面的时候激活第一个选中项
+    active.value = 0;
+  }
+})
 
 
 const tabClass = {
 const tabClass = {
   fontSize: '1rem'
   fontSize: '1rem'
@@ -113,23 +120,30 @@ export default {
 <style lang="less" scoped>
 <style lang="less" scoped>
 .video-detail-page {
 .video-detail-page {
   background-color: #FFFFFF;
   background-color: #FFFFFF;
+
   .detail-header {
   .detail-header {
     padding: 1rem;
     padding: 1rem;
+
     .name-info {
     .name-info {
       color: #222222;
       color: #222222;
       font-size: 1.15rem;
       font-size: 1.15rem;
     }
     }
+
     .other-info {
     .other-info {
       color: #999999;
       color: #999999;
     }
     }
   }
   }
+
   .video-player {
   .video-player {
     height: auto;
     height: auto;
   }
   }
+
   .video-main {
   .video-main {
     height: auto;
     height: auto;
+
     .intro {
     .intro {
-      padding: 1rem; color: #333333;
+      padding: 1rem;
+      color: #333333;
     }
     }
   }
   }
 }
 }

@@ -125,7 +125,7 @@ const closeNotice = () => { // 关闭提示框回调
     path: '/client/bookDetail'
     path: '/client/bookDetail'
   });
   });
 }
 }
-const flag = false; // 后台接口判断是否上传过作品
+const flag = true; // 后台接口判断是否上传过作品
 // 实际调试时，点击回复需要判断是否上传过作品
 // 实际调试时，点击回复需要判断是否上传过作品
 const setComment = (v, type) => { // 回复/评论
 const setComment = (v, type) => { // 回复/评论
   if (flag) {
   if (flag) {