样式修改

src/page-instrument/header-top/index.module.less

@@ -6,12 +6,12 @@
     flex-shrink: 0;
     margin-left: calc(-1 * var(--detailDataPaddingLeft));
     padding: 0 30px;
-    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 19%, rgba(255,255,255,0.7) 100%);
+    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 19%, rgba(255,255,255,0.9) 100%);
     &.follow{
-        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(240,250,252,0.7) 19%, rgba(255,255,255,0.7) 100%);
+        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(240,250,252,0.7) 19%, rgba(255,255,255,0.9) 100%);
     }
     &.evaluating{
-        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(221,248,254,0.7) 19%, rgba(225,242,251,0.7) 100%);
+        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(221,248,254,0.7) 19%, rgba(225,242,251,0.9) 100%);
     }
     &.headerTopRight {
         justify-content: flex-end;
@@ -122,14 +122,12 @@
     position: fixed;
     top: 20px;
     right: 30px;
-    height: 36px;
-    border-radius: 16px;
+    border-radius: 20px;
     background: #FFFFFF;
-    border-radius: 16px;
     border: 3px solid #B5ECF1;
     display: flex;
     align-items: center;
-    padding: 0 10px;
+    padding: 6px 10px;
 
     .img {
         width: 18px;

src/page-instrument/view-evaluat-report/component/share-top/index.module.less

@@ -404,9 +404,9 @@
         }
         .audioBga{
             position: absolute;
-            width: 100%;
+            width: 110%;
             top: 44%;
-            transform: translateY(-50%);
+            transform: translate(-5%, -50%);
         }
         .audioVisualizer {
             position: absolute;
@@ -505,7 +505,7 @@
     flex-wrap: wrap;
     margin-top: 16px;
     position: relative;
-    padding-bottom: 22px;
+    padding-bottom: 16px;
 
     .item {
         width: 50%;

src/view/selection/index.module.less

@@ -84,7 +84,7 @@
 .scoreItem {
     position: absolute;
     left: 80%;
-    top: -120%;
+    top: -45px;
     transform: translateX(-50%);
     font-size: 18px;
     font-family: "Roboto", sans-serif;