更新

src/hooks/useDrag/index.module.less

@@ -27,11 +27,11 @@
     content: "";
     display: block;
     position: fixed;
-    left: 0;
-    top: 0;
+    left: -100%;
+    top: -100%;
     z-index: 9;
-    width: 100vw;
-    height: 100vh;
+    width: 200vw;
+    height: 200vh;
     background: rgba(0,0,0,0.2);
   }
   .guideBg {

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

@@ -12,6 +12,9 @@
   display: flex;
 
   &.modal {
+    .head{
+      padding: 0 23px 8px 23px;
+    }
     .iconBack {
       opacity: 0;
       pointer-events: none;
@@ -103,6 +106,8 @@
 
   .back {
     padding-top: 17px;
+    width: 46px;
+    height: 46px;
 
     img {
       width: 46px;
@@ -365,6 +370,7 @@
 }
 :global{
   .settingBoxClass_drag .settingContainer_pc{
-    height: 56vh !important;
+    border-radius: 16px;
+    height: 50vh !important;
   }
 }

src/views/tempo-practice/index.tsx

@@ -288,7 +288,7 @@ export default defineComponent({
               <img src={icon_setting} />
             </div>
           ) : (
-            <div></div>
+            <div class={styles.back}></div>
           )}
         </div>