页面更新

components/MtaNavbar/MtaNavbar.vue

@@ -6,6 +6,7 @@
 	</uni-nav-bar>
 
 	<!-- 菜单面板 -->
+<!--  <scroll-view scroll-y :scroll-top="scrollTop">-->
 	<uni-collapse class="head-collapse-box" ref="collapse" accordion v-model="data.activeMenu" v-show="data.showMenu">
 		<uni-collapse-item class="head-collapse-item" :title="item.title" v-for="item in data.list" :key="item.title"
 			:name="item.url">
@@ -15,14 +16,16 @@
 			</view>
 		</uni-collapse-item>
 	</uni-collapse>
-
+<!--  </scroll-view>-->
 </template>
 
 <script setup>
 	import {
 		ref,
-		reactive
-	} from "vue"
+		reactive,
+    onMounted,
+    nextTick
+  } from "vue"
 	const showLeft = ref(null)
 	import {
 		onLoad
@@ -249,11 +252,22 @@
 
 	function handleChangeMenu() {
 		data.showMenu = !data.showMenu;
+    // data.showMenu && scrollToElement('.head-item-text.active')
 	}
 
 	function handleBack() {
 		uni.navigateBack()
 	}
+  const scrollTop = ref(0);
+  // 滚动到目标元素
+  const scrollToElement = (selector) => {
+    nextTick(() => {
+      uni.createSelectorQuery().in(this)
+          .select(selector).boundingClientRect(rect => {
+        scrollTop.value = rect.top; // 设置滚动位置
+      }).exec();
+    })
+  };
 </script>
 
 <style>