🐞 fix:修复导航栏会抖动

dist/index.html

@@ -34,12 +34,12 @@
   <meta name="msapplication-tap-highlight" content="no">
   <title>酷乐秀</title>
   <script src="./flexible.js" charset="UTF-8"></script>
-  <script type="module" crossorigin src="./assets/index.2c7a08d9.js"></script>
+  <script type="module" crossorigin src="./assets/index.2ba083d8.js"></script>
   <link rel="modulepreload" href="./assets/vendor.970aa1d2.js">
   <link rel="modulepreload" href="./assets/index.41570da4.js">
-  <link rel="stylesheet" href="./assets/index.1c74bac7.css">
   <link rel="stylesheet" href="./assets/vendor.177057eb.css">
-  <link rel="stylesheet" href="./assets/index.1defe979.css">
+  <link rel="stylesheet" href="./assets/index.1c74bac7.css">
+  <link rel="stylesheet" href="./assets/teacher.c2cf0659.css">
   <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
 </head>
 
@@ -49,7 +49,7 @@
   <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
   <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.575f411a.js"></script>
-  <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.381f9f1a.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.47f42a37.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

dist/teacher.html

@@ -37,9 +37,9 @@
   <script type="module" crossorigin src="./assets/teacher.553b315f.js"></script>
   <link rel="modulepreload" href="./assets/vendor.970aa1d2.js">
   <link rel="modulepreload" href="./assets/index.41570da4.js">
-  <link rel="stylesheet" href="./assets/vendor.177057eb.css">
   <link rel="stylesheet" href="./assets/index.1c74bac7.css">
-  <link rel="stylesheet" href="./assets/index.1defe979.css">
+  <link rel="stylesheet" href="./assets/vendor.177057eb.css">
+  <link rel="stylesheet" href="./assets/teacher.c2cf0659.css">
   <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
 </head>
 

src/student/music/album-detail/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, ref } from 'vue'
+import { defineComponent, onMounted, reactive, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import request from '@/helpers/request'
 import ColHeader from '@/components/col-header'
@@ -27,8 +27,7 @@ export default defineComponent({
     const albumFavoriteCount = ref(0)
     const headers = ref(null)
     let heights = ref(0)
-    const { height } = useRect((this as any).$refs.headers)
-    heights.value = height
+
     const route = useRoute()
     const FetchList = async () => {
       if (loading.value) {
@@ -65,6 +64,11 @@ export default defineComponent({
       favoriteLoading.value = false
     }
 
+    onMounted(() => {
+      const { height } = useRect(headers as any)
+      heights.value = height
+    })
+
     return () => {
       // console.log(albumFavoriteCount.value)
       return (