feat: --

packages/mobile/src/views/article/index.vue

@@ -11,7 +11,7 @@
         controlsList="nodownload nofullscreen noplaybackrate"
       />
       <p>
-        11月22日，由中国民族博物馆承办的《家园——中国少数民族传统体育文化展》在海南省三亚市正式开展。中共中央政治局常委、全国政协主席王沪宁为展览揭幕，中共中央政治局委员、中央统战部部长石泰峰，中央统战部副部长、国家民委主任党组书记、主任潘岳，海南省委书记冯飞、海南省省长刘小明等领导同志共同参观了展览。
+        11月22日，由中国民族博物馆承办的《家园——中国少数民族传统体育文化展》在海南省三亚市正式开展。中共中央政治局常委、全国政协主席王沪宁为展览揭幕，中共中央政治局委员、中央统战部部长石泰峰，中央统战部副部长、国家民委主任党组书记、主任潘岳，海南省委书记冯飞、海南省省长刘小明等领导同志共同参观了展览。（视频转载自央视网）
       </p>
       <img src="@/assets/images/article/1.jpg" />
       <img src="@/assets/images/article/2.jpg" />

packages/mobile/src/views/exhibition/components/Sidebar.vue

@@ -4,6 +4,12 @@
       <p
         class="sidebar-item__title"
         :class="{ active: index === activeSecondMenu }"
+        @click="
+          () => {
+            menuChange({ value: `${activeMenu},${index},${-1}` });
+            show = false;
+          }
+        "
       >
         {{ item.title }}
       </p>

packages/mobile/src/views/exhibition/index.vue

@@ -3,7 +3,7 @@
     class="exhibition"
     v-model:active="activeMenu"
     :swipe-threshold="4"
-    @before-change="beforeChange"
+    :before-change="beforeChange"
   >
     <van-tab v-for="(item, index) in data" :key="index" :title="item.title">
       <template v-if="imgList.length">
@@ -83,8 +83,8 @@ import { useRoute } from "vue-router";
 
 const route = useRoute();
 const activeMenu = ref(0);
-const activeSecondMenu = ref(0);
-const activeThirdMenu = ref(0);
+const activeSecondMenu = ref(-1);
+const activeThirdMenu = ref(-1);
 const curImgIndex = ref(0);
 const videoVisible = ref(false);
 const checkedItem = ref(null);
@@ -97,8 +97,10 @@ const curDetail = computed(() => {
   const firstItem = data[activeMenu.value];
   let temp = null;
 
-  if (!firstItem.children) {
+  if (!firstItem.children || activeSecondMenu.value < 0) {
     temp = firstItem;
+  } else if (activeThirdMenu.value < 0) {
+    temp = firstItem.children[activeSecondMenu.value];
   } else {
     temp =
       firstItem.children[activeSecondMenu.value].children[
@@ -147,16 +149,17 @@ const goToScene = () => {
 
 const beforeChange = () => {
   curImgIndex.value = 0;
-  activeSecondMenu.value = 0;
-  activeThirdMenu.value = 0;
+  activeSecondMenu.value = -1;
+  activeThirdMenu.value = -1;
+  return true;
 };
 
 const handleSelect = (item) => {
   const res = item.value.split(",").map((i) => Number(i));
   curImgIndex.value = 0;
   activeMenu.value = res[0];
-  activeSecondMenu.value = res[1] ?? 0;
-  activeThirdMenu.value = res[2] ?? 0;
+  activeSecondMenu.value = res[1] ?? -1;
+  activeThirdMenu.value = res[2] ?? -1;
 };
 
 const handlePreview = () => {

packages/pc/src/views/article/index.vue

@@ -17,7 +17,7 @@
         controlsList="nodownload nofullscreen noplaybackrate"
       />
       <p>
-        11月22日，由中国民族博物馆承办的《家园——中国少数民族传统体育文化展》在海南省三亚市正式开展。中共中央政治局常委、全国政协主席王沪宁为展览揭幕，中共中央政治局委员、中央统战部部长石泰峰，中央统战部副部长、国家民委主任党组书记、主任潘岳，海南省委书记冯飞、海南省省长刘小明等领导同志共同参观了展览。
+        11月22日，由中国民族博物馆承办的《家园——中国少数民族传统体育文化展》在海南省三亚市正式开展。中共中央政治局常委、全国政协主席王沪宁为展览揭幕，中共中央政治局委员、中央统战部部长石泰峰，中央统战部副部长、国家民委主任党组书记、主任潘岳，海南省委书记冯飞、海南省省长刘小明等领导同志共同参观了展览。（视频转载自央视网）
       </p>
       <img src="@/assets/images/article/1.jpg" />
       <img src="@/assets/images/article/2.jpg" />

packages/pc/src/views/exhibition/index.vue

@@ -41,8 +41,8 @@
               @click="
                 () => {
                   curImgIndex = 0;
-                  activeSecondMenu = 0;
-                  activeThirdMenu = 0;
+                  activeSecondMenu = -1;
+                  activeThirdMenu = -1;
                   activeMenu = index;
                 }
               "
@@ -178,7 +178,7 @@
                     if (activeSecondMenu === index) return;
                     curImgIndex = 0;
                     activeSecondMenu = index;
-                    activeThirdMenu = 0;
+                    activeThirdMenu = -1;
                   }
                 "
               >
@@ -227,7 +227,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, nextTick } from "vue";
+import { ref, computed, watch } from "vue";
 import { data } from "@syjy/base";
 import { flattenData } from "@syjy/base/utils";
 import { ElScrollbar, ElTooltip } from "element-plus";
@@ -258,8 +258,10 @@ const curDetail = computed(() => {
   const firstItem = data[activeMenu.value];
   let temp = null;
 
-  if (!firstItem.children) {
+  if (!firstItem.children || activeSecondMenu.value < 0) {
     temp = firstItem;
+  } else if (activeThirdMenu.value < 0) {
+    temp = firstItem.children[activeSecondMenu.value];
   } else {
     temp =
       firstItem.children[activeSecondMenu.value].children[