更新

dist/index.html

@@ -34,11 +34,11 @@
   <meta name="msapplication-tap-highlight" content="no">
   <title>酷乐秀</title>
   <script src="./flexible.js" charset="UTF-8"></script>
-  <script type="module" crossorigin src="./assets/index.18d697e1.js"></script>
+  <script type="module" crossorigin src="./assets/index.2c7a08d9.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/vendor.177057eb.css">
   <link rel="stylesheet" href="./assets/index.1defe979.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.1c57a2cd.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</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>
 </body>
 
 </html>

dist/teacher.html

@@ -37,8 +37,8 @@
   <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/index.1c74bac7.css">
   <link rel="stylesheet" href="./assets/vendor.177057eb.css">
+  <link rel="stylesheet" href="./assets/index.1c74bac7.css">
   <link rel="stylesheet" href="./assets/index.1defe979.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

@@ -9,7 +9,7 @@ import FavoriteIcon from '../album/favorite.svg'
 import FavoritedIcon from '../album/favorited.svg'
 import styles from './index.module.less'
 import Item from '../list/item'
-import { useElementSize } from '@vueuse/core'
+import { useRect } from '@vant/use'
 
 export default defineComponent({
   name: 'AlbumDetail',
@@ -27,8 +27,8 @@ export default defineComponent({
     const albumFavoriteCount = ref(0)
     const headers = ref(null)
     let heights = ref(0)
-    const { height } = useElementSize(headers)
-    heights = height
+    const { height } = useRect((this as any).$refs.headers)
+    heights.value = height
     const route = useRoute()
     const FetchList = async () => {
       if (loading.value) {