提交一下

1

src/components/albumItem/index.tsx

@@ -74,7 +74,7 @@ export default defineComponent({
           <div class={classes.itemBottom}>
             <div class={classes.itemBottomL}>
               {/* <img src={pan} alt="" /> */}
-              <span>{state.detail.musicSheetCount}曲目</span>
+              <span>{state.detail.musicSheetCount}首</span>
             </div>
             <div class={classes.itemBottomR}>
               {/* <img src={start} alt="" /> */}

src/components/col-header/index.css

@@ -31,7 +31,7 @@
   z-index: 1200;
   height: 62px;
   line-height: 62px;
-  background-color: rgba(0, 0, 0, 0.2) !important;
+  background-color: rgba(0, 0, 0, 0.4) !important;
   animation:none;
   border-bottom: none;
 

src/components/musicLIstItem/index.module.less

@@ -1,4 +1,7 @@
 .itemWrap {
+  &:nth-last-child(1){
+    border-bottom: none;
+  }
   &:hover {
     background-color: #f8f8f8;
     .vip {
@@ -88,7 +91,7 @@
         margin-bottom: 6px;
       }
       .authorName {
-        font-weight: 600;
+        font-weight: 400;
         color: #666;
         line-height: 22px;
         font-size: 16px;
@@ -123,7 +126,7 @@
       border: 2px solid #2dc7aa;
     }
     .authorName {
-      font-weight: 600;
+      font-weight: 400;
       color: #000000;
       line-height: 25px;
       font-size: 18px;

src/components/videoDetailItem/index.module.less

@@ -135,6 +135,11 @@
     align-items: center;
     padding: 12px;
     justify-content: space-between;
+    .course {
+      color:#FF5F22!important;
+      font-size: 18px;
+      line-height: 25px;
+    }
     .infoBottomL {
       display: flex;
       flex-direction: row;
@@ -148,15 +153,11 @@
       }
       .itemTitle {
         font-size: 20px;
-        font-weight: 600;
+        font-weight: 400;
         color: #333333;
         line-height: 28px;
       }
-      .course {
-        color: #666;
-        font-size: 18px;
-        line-height: 25px;
-      }
+
     }
   }
   .itemBottom {
@@ -176,8 +177,8 @@
         margin-right: 10px;
       }
       .itemTitle {
-        color: #333;
-        font-weight: 600;
+        color: #999;
+        font-weight: 400;
         font-size: 16px;
         line-height: 22px;
       }
@@ -188,7 +189,7 @@
         margin: 0 10px;
       }
       .course {
-        color: #666;
+        color: #FF5F22;
         font-size: 16px;
         line-height: 22px;
       }
@@ -208,7 +209,7 @@
       cursor: pointer;
       text-align: center;
       color: #ffffff;
-      font-size: 18px;
+      font-size: 16px;
       &:hover {
         opacity: 0.9;
       }

src/views/App.module.less

@@ -14,5 +14,5 @@
 }
 
 :root {
-  --theme-color: #1ff0c9;
+  --theme-color: #2DC7AA;
 }

src/views/musicLibrary/index.module.less

@@ -141,3 +141,6 @@
 .mt25 {
   margin-top: 25px;
 }
+.pb40 {
+  padding-bottom: 40px;
+}

src/views/musicLibrary/index.tsx

@@ -129,7 +129,7 @@ export default defineComponent({
         </div>
         <div>
           <div class={styles.w1200}>
-            <div class={styles.section}>
+            <div class={[styles.section,styles.pb40]}>
               <div class={styles.videoNav}>
                 <div class={styles.titleWrap}>
                   <h5>热门乐谱</h5>

src/views/musicLibrary/modals/albumItem/index.tsx

@@ -74,7 +74,7 @@ export default defineComponent({
           <div class={classes.itemBottom}>
             <div class={classes.itemBottomL}>
               {/* <img src={pan} alt="" /> */}
-              <span>{state.detail.musicSheetCount}曲目</span>
+              <span>{state.detail.musicSheetCount}首</span>
             </div>
             <div class={classes.itemBottomR}>
               {/* <img src={start} alt="" /> */}

src/views/videoDetailList/modals/videoDetailItem/index.module.less

@@ -106,8 +106,13 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    padding: 12px;
+    padding: 12px 12px 10px;
     justify-content: space-between;
+    .course {
+      color: #FF5F22;
+      font-size: 18px;
+      line-height: 25px;
+    }
     .infoBottomL {
       display: flex;
       flex-direction: row;
@@ -121,27 +126,29 @@
       }
       .itemTitle {
         font-size: 20px;
-        font-weight: 600;
+        font-weight: 400;
         color: #333333;
         line-height: 28px;
       }
-      .course {
-        color: #666;
-        font-size: 18px;
-        line-height: 25px;
-      }
+
     }
   }
   .itemBottom {
     display: flex;
     flex-direction: row;
     align-items: center;
-    padding: 0 12px 12px;
+    padding: 0 12px 8px;
     justify-content: space-between;
+    .course {
+      color: #FF5F22;
+      font-size: 16px;
+      line-height: 22px;
+    }
     .itemBottomL {
       display: flex;
       flex-direction: row;
       align-items: center;
+
       .itemHead {
         width: 28px;
         height: 28px;
@@ -150,7 +157,7 @@
       }
       .itemTitle {
         color: #999;
-        font-weight: 600;
+        font-weight: 400;
         font-size: 16px;
         line-height: 22px;
       }
@@ -160,11 +167,7 @@
         border: 1px solid #d3d3d3;
         margin: 0 10px;
       }
-      .course {
-        color: #666;
-        font-size: 16px;
-        line-height: 22px;
-      }
+
     }
     // .buy {
     //   color: #ff802c;