更新

dist/index.html

@@ -34,7 +34,7 @@
   <meta name="msapplication-tap-highlight" content="no">
   <title>酷乐秀</title>
   <script src="./flexible.js" charset="UTF-8"></script>
-  <script type="module" crossorigin src="./assets/index.224d04b9.js"></script>
+  <script type="module" crossorigin src="./assets/index.67d0ccea.js"></script>
   <link rel="modulepreload" href="./assets/vendor.0bc08753.js">
   <link rel="modulepreload" href="./assets/index.09583375.js">
   <link rel="stylesheet" href="./assets/vendor.177057eb.css">
@@ -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.d7854fff.js"></script>
-  <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.cb77c112.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.6782ece3.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

src/student/member-center/index.module.less

@@ -101,7 +101,7 @@
     border-radius: 18px 18px 0px 0px;
     position: relative;
     margin-top: -15px;
-    padding: 0 14px;
+    padding: 0 14px 75px;
     z-index: 99;
   }
   .memberItem {

src/student/member-center/index.tsx

@@ -180,7 +180,7 @@ export default defineComponent({
           ></Cell>
         </div>
 
-        <div class={styles.memberContainer} style={{ paddingBottom: '64px' }}>
+        <div class={styles.memberContainer}>
           <div class={styles.memberItem}>
             <div class={styles.title}>
               会员<span>VIP</span>

src/student/music/list/index.tsx

@@ -18,9 +18,13 @@ export default defineComponent({
     defauleParams: {
       type: Object,
       default: () => ({})
+    },
+    onItemClick: {
+      type: Function,
+      default: (item: any) => {}
     }
   },
-  setup({ hideSearch, defauleParams }, { expose }) {
+  setup({ hideSearch, defauleParams, onItemClick }, { expose }) {
     const route = useRoute()
     const params = reactive({
       search: (route.query.search as string) || '',
@@ -98,7 +102,9 @@ export default defineComponent({
           )}
 
           {data.value && data.value.rows.length
-            ? data.value.rows.map(item => <Item data={item} />)
+            ? data.value.rows.map(item => (
+                <Item data={item} onClick={onItemClick} />
+              ))
             : !loading.value && (
                 <ColResult
                   tips="暂无曲目"

src/student/music/list/item.tsx

@@ -20,13 +20,18 @@ export default defineComponent({
     data: {
       type: Object,
       default: {}
+    },
+    onClick: {
+      type: Function,
+      default: (item: any) => {}
     }
   },
-  setup({ data }) {
+  setup({ data, onClick }) {
     const favorite = ref(data.favorite)
     const favoriteLoading = ref(false)
 
-    const toggleFavorite = async () => {
+    const toggleFavorite = async (evt: MouseEvent) => {
+      evt.stopPropagation()
       favoriteLoading.value = true
       try {
         await request.post('/api-student/music/sheet/favorite/' + data.id)
@@ -35,7 +40,12 @@ export default defineComponent({
       favoriteLoading.value = false
     }
     return () => (
-      <div class={styles.item}>
+      <div
+        class={styles.item}
+        onClick={() => {
+          onClick(data)
+        }}
+      >
         <header class={styles.header}>
           <div class={styles.mate}>
             <Image src={MusicIcon} round class={styles.icon} />

src/student/teacher-dependent/components/music.tsx

@@ -2,6 +2,7 @@ import ColResult from '@/components/col-result'
 import { List } from 'vant'
 import { defineComponent } from 'vue'
 import styles from './music.module.less'
+import MusicList from '@/student/music/list'
 
 export default defineComponent({
   name: 'music',
@@ -17,10 +18,15 @@ export default defineComponent({
       }
     }
   },
+  methods: {
+    onItemClick(item: any) {
+      console.log(item)
+    }
+  },
   render() {
     return (
       <>
-        {this.dataShow ? (
+        {/* {this.dataShow ? (
           <List
             v-model:loading={this.loading}
             finished={this.finished}
@@ -28,7 +34,8 @@ export default defineComponent({
           ></List>
         ) : (
           <ColResult btnStatus={false} classImgSize="SMALL" tips="暂无乐谱" />
-        )}
+        )} */}
+        <MusicList hideSearch onItemClick={this.onItemClick} />
       </>
     )