更新

src/tenant/music/music-detail/download.module.less

@@ -37,8 +37,8 @@
 
 .downloadBtn {
   box-shadow: 0px 2px 7px 0px rgba(45, 199, 170, 0.25);
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 600;
   color: #ffffff;
   line-height: 20px;
-}
+}

src/tenant/music/music-detail/new-index.module.less

@@ -349,6 +349,7 @@
   }
 
   .musicTitle {
+    padding-top: 4px;
     font-weight: 600;
     text-align: center;
     font-size: 16px;

src/tenant/music/music-detail/new-index.tsx

@@ -414,6 +414,7 @@ export default defineComponent({
       }
     }
     onMounted(async () => {
+      postMessage({ api: 'setStatusBarTextColor', content: { statusBarTextColor: true } })
       await FetchList()
       const { height } = useRect(headers as any)
       const footer = useRect(footers as any)
@@ -427,9 +428,9 @@ export default defineComponent({
       window.addEventListener('message', showLoading)
     })
     onUnmounted(() => {
+      postMessage({ api: 'setStatusBarTextColor', content: { statusBarTextColor: false } })
       window.removeEventListener('message', showLoading)
     })
-
     const toggleFavorite = async () => {
       try {
         await request.post('/music/sheet/favorite/' + musicDetail.value?.id, {

src/tenant/music/train-tool/index.module.less

@@ -14,7 +14,6 @@
   background-size: cover;
 }
 
-
 .bgImg {
   position: absolute;
   left: 0;
@@ -51,7 +50,7 @@
 
   :global {
     .swiper {
-      --swiper-theme-color: #FE2451 !important;
+      --swiper-theme-color: #fe2451 !important;
       --swiper-pagination-bottom: 0px !important;
       --swiper-pagination-bullet-size: 6px !important;
       padding-bottom: 15px;
@@ -64,7 +63,7 @@
     }
 
     .swiper-pagination-bullet-active {
-      background-color: #FE2451;
+      background-color: #fe2451;
     }
 
     .swiper-container {
@@ -93,7 +92,6 @@
       width: 53%;
     }
 
-
     .swiper-slide-active,
     .swiper-slide-duplicate-active {
       transform: scale(1) !important;
@@ -107,8 +105,8 @@
     z-index: 11;
     font-size: 12px;
     font-weight: 500;
-    color: #FFFFFF;
-    background: linear-gradient(270deg, #FF7B57 0%, #FF3460 100%);
+    color: #ffffff;
+    background: linear-gradient(270deg, #ff7b57 0%, #ff3460 100%);
     border-radius: 0px 0px 0px 6px;
     padding: 3px 6px 2px;
   }
@@ -125,8 +123,6 @@
 
     --van-image-error-icon-size: 130px;
 
-
-
     &::after {
       content: '';
       position: absolute;
@@ -151,7 +147,11 @@
           top: 0;
           bottom: 0;
           width: 9px;
-          background: linear-gradient(270deg, rgba(0, 0, 0, 0.18) 0%, rgba(255, 255, 255, 0) 100%);
+          background: linear-gradient(
+            270deg,
+            rgba(0, 0, 0, 0.18) 0%,
+            rgba(255, 255, 255, 0) 100%
+          );
         }
       }
     }
@@ -217,7 +217,6 @@
     text-align: center;
     min-height: 64px;
 
-
     .des {
       padding: 0 16px;
       font-size: 12px;
@@ -238,12 +237,11 @@
   font-size: 13px;
   padding: 0 12px;
 
-
   .albumTimer {
     display: flex;
     align-items: center;
     font-weight: 500;
-    color: #5E3314;
+    color: #5e3314;
     line-height: 1;
   }
 
@@ -253,7 +251,6 @@
     margin-right: 6px;
   }
 
-
   .originPrice {
     font-weight: 500;
     color: rgba(38, 38, 38, 0.4);
@@ -269,9 +266,9 @@
 
     span {
       font-weight: 500;
-      color: #FFE1AE;
+      color: #ffe1ae;
       line-height: 18px;
-      background: linear-gradient(180deg, #FFFFFF 0%, #FFC76C 100%);
+      background: linear-gradient(180deg, #ffffff 0%, #ffc76c 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
     }
@@ -292,6 +289,10 @@
   --van-cell-icon-size: 10px;
 
   :global {
+    .van-tabs__nav {
+      padding-left: 5px;
+      padding-right: 5px;
+    }
     .van-tab {
       font-size: 16px !important;
       margin-top: 15px;
@@ -301,17 +302,22 @@
     .van-tab--active {
       font-size: 16px !important;
       color: #131415;
+      font-weight: 600;
     }
 
     .van-tabs__line {
       width: 24px;
       height: 4px;
-      background: linear-gradient(90deg, #FF3C5E 0%, rgba(255, 118, 155,0.5) 100%) !important;
+      background: linear-gradient(
+        90deg,
+        #ff3c5e 0%,
+        rgba(255, 118, 155, 0.5) 100%
+      ) !important;
       border-radius: 36px 36px 0px 0px;
     }
 
     .van-tab--shrink {
-      padding: 0 12px 0 12px;
+      padding: 0 15px 0 15px;
     }
 
     .van-button--plain.van-button--primary {
@@ -322,14 +328,13 @@
       background-color: #fff;
     }
   }
-
   .alumnList {
     padding: 0 15px;
   }
 }
 
 .btnGroup {
-  border-top: 1px solid #F2F2F2;
+  border-top: 1px solid #f2f2f2;
   background-color: #fff;
   padding-top: 12px;
   padding-left: 25px;