修改样式

src/views/hot-music-more/index.module.less

@@ -8,10 +8,10 @@
       padding-top: 20px;
     }
 
-    // .van-sticky--fixed {
-    //   background: url('./images/woring-bg.png') no-repeat top center;
-    //   background-size: 100%;
-    // }
+    .van-sticky--fixed {
+      background: url('./images/woring-bg.png') no-repeat top center;
+      background-size: 100%;
+    }
   }
 }
 
@@ -103,6 +103,8 @@
     width: 51px;
     height: 51px;
     margin-right: 10px;
+    border-radius: 8px;
+    overflow: hidden;
   }
 
   .musicPlayIcon {

src/views/hot-music-more/index.tsx

@@ -151,14 +151,14 @@ export default defineComponent({
     });
 
     onMounted(async () => {
-      useEventListener(document, 'scroll', () => {
-        const { y } = useWindowScroll();
-        if (y.value > 32) {
-          state.background = '#fff';
-        } else {
-          state.background = 'transparent';
-        }
-      });
+      // useEventListener(document, 'scroll', () => {
+      //   const { y } = useWindowScroll();
+      //   if (y.value > 32) {
+      //     state.background = '#fff';
+      //   } else {
+      //     state.background = 'transparent';
+      //   }
+      // });
       state.loading = true;
       await getSubjecList();
       await getMusicSheetCategories();
@@ -172,7 +172,7 @@ export default defineComponent({
           browser().isTablet ? styles.hotMusicMoreTablet : ''
         ]}>
         <MSticky position="top">
-          <MHeader border={false} background={state.background}>
+          <MHeader border={false} background={'transparent'}>
             {{
               content: () => (
                 <div class={styles.woringHeader}>
@@ -199,7 +199,8 @@ export default defineComponent({
           </MHeader>
 
           <MSearch
-            background={state.background}
+            // background={state.background}
+            background={'transparent'}
             onSearch={(val: any) => {
               musicForms.keyword = val;
               musicForms.page = 1;