样式修改

src/page-instrument/view-detail/index.module.less

@@ -51,6 +51,7 @@
         width: 100%;
         height: 100%;
         object-fit: cover; /* 保持宽高比 */
+        background-color: #fff;
     }
 
     .headHeight {

src/view/rhythm/index.module.less

@@ -30,7 +30,7 @@
             background-position: center;
             margin-right: 14px;
             &.active{
-                outline: 2px solid #36A8FF; 
+                box-shadow: 0 0 0 2px #36A8FF; 
             }
             &:first-child{
                 width: 74px;
@@ -38,7 +38,7 @@
                 background-size: 74px 74px;
                 background-color: #35A8FF;
                 border-radius: 20px;
-                outline: 3px solid #FFFFFF;
+                box-shadow: 0 0 0 3px #ffffff;
             }
             &:last-child{
                 margin-right: 0;
@@ -75,9 +75,6 @@
             transform: translateX(-50%);
         }
         .rhythmBox{
-            position: initial;
-            transform: initial;
-            margin-top: 68px;
             flex-wrap: wrap;
             .rhythmImg{
                 margin-bottom: 20px;
@@ -88,8 +85,15 @@
                 &:nth-child(4){
                     margin-right: 0;
                 }
+                &:nth-child(5){
+                    margin-bottom: 0;
+                }
+                &:nth-child(6){
+                    margin-bottom: 0;
+                }
                 &:nth-child(7){
                     margin-right: 0;
+                    margin-bottom: 0;
                 }
                 &:first-child{
                     margin-left: 20px;
@@ -98,7 +102,7 @@
                     height: 110px;
                     background-size: 110px 110px;
                     border-radius: 28px;
-                    outline: 4px solid #FFFFFF;
+                    box-shadow: 0 0 0 4px #FFFFFF;
                 }
             }
         }

src/view/selection/index.tsx

@@ -364,7 +364,7 @@ export default defineComponent({
 									<div class={[styles.followTipUp, 'tip-up']}>
 										<img src={IntonationUp} />
 										{/* <span>音准<i>高了</i></span> */}
-									</div>·
+									</div>
 									<div class={[styles.followTipDown, 'tip-down']}>
 										<img src={IntonationDown} />
 										{/* <span>音准<i>低了</i></span> */}