修改样式

src/views/tempo-practice/index.module.less

@@ -376,8 +376,10 @@
   &.leftShow {
     .beatSection {
       .beat {
-        width: 85px;
-        height: 105px;
+        width: 80px;
+        height: 100px;
+
+        margin: 0 8px;
 
         img {
           width: 64px;
@@ -398,6 +400,7 @@
         .beat {
           width: 42px !important;
           height: 56px !important;
+          margin: 0 3px;
 
           img {
             width: 28px;
@@ -408,7 +411,7 @@
 
     .footer {
       &>div {
-        margin: 0 7px;
+        margin: 0 4px;
       }
 
       .play {
@@ -417,8 +420,28 @@
       }
 
       .playType {
-        width: 175px;
-        height: 39px;
+        width: 147px;
+        height: 33px;
+      }
+
+      .randomTempo {
+        width: 75px;
+        height: 33px;
+      }
+
+      .speedChange {
+        width: 92px;
+        height: 33px;
+
+        .speedNum {
+          font-size: 13px;
+        }
+
+        .speedPlus,
+        .speedAdd {
+          width: 18px;
+          height: 18px;
+        }
       }
     }
   }

src/views/tempo-practice/setting-pc-modal/index.module.less

@@ -85,6 +85,16 @@
   background: url("../images/pc_bg.png") no-repeat center center / cover;
   width: 639px;
 
+  .conPreview {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 50px;
+    height: 30px;
+    background: url('../images/icon-preview.png') no-repeat center;
+    background-size: contain;
+  }
+
   z-index: 10;
   // &::before {
   //   content: '';
@@ -203,6 +213,7 @@
     border: 3px solid #fff;
     background: #FFFFFF;
     position: relative;
+    cursor: pointer;
 
 
     &.active {

src/views/tempo-practice/setting-pc-modal/index.tsx

@@ -35,6 +35,7 @@ export default defineComponent({
         ]}>
         <div class={[styles.iconTitBox, 'iconTitBoxMove']}></div>
         <div class={styles.conCon}>
+          <div class={styles.conPreview}></div>
           <div class={styles.container}>
             {setting_modal.scorePart?.map((item: any, i: number) => (
               <div