修改样式

src/hooks/useDrag/index.module.less

@@ -8,21 +8,26 @@
   position: absolute;
   left: 0;
   bottom: 0;
+  z-index: 11;
+
   .box {
     width: 42px;
     height: 100%;
     background: url('./img/left.png') no-repeat;
     background-size: 100% 100%;
+
     &.right {
       background: url('./img/right.png') no-repeat;
       background-size: 100% 100%;
     }
   }
 }
+
 .guide {
   position: absolute;
   left: 0;
   top: calc(100% - 10px);
+
   &::before {
     content: '';
     display: block;
@@ -34,6 +39,7 @@
     height: 200vh;
     background: rgba(0, 0, 0, 0.2);
   }
+
   .guideBg {
     position: relative;
     z-index: 99;
@@ -42,6 +48,7 @@
     background: url('./img/modalDragBg.png') no-repeat;
     background-size: 100% 100%;
   }
+
   .guideDone {
     position: absolute;
     z-index: 99;
@@ -53,30 +60,36 @@
     background-size: 100% 100%;
     cursor: pointer;
   }
+
   &.guideTop {
     top: initial;
     bottom: 2px;
+
     .guideBg {
       background: url('./img/modalDragBg2.png') no-repeat;
       background-size: 100% 100%;
     }
   }
+
   &.guideLeft {
     top: initial;
     left: -280px;
     bottom: -4px;
+
     .guideBg {
       background: url('./img/modalDragBgLeft.png') no-repeat;
       background-size: 100% 100%;
     }
   }
+
   &.guideRight {
     top: initial;
     left: calc(100% - 12px);
     bottom: -4px;
+
     .guideBg {
       background: url('./img/modalDragBgRight.png') no-repeat;
       background-size: 100% 100%;
     }
   }
-}
+}

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

@@ -13,6 +13,17 @@
     width: 354px !important;
   }
 
+
+  .iconTitBox {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 20px;
+    z-index: 11;
+
+  }
+
   &.modal {
     height: 300px;
 

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

@@ -33,6 +33,7 @@ export default defineComponent({
           state.platform === 'modal' && state.win !== 'pc' ? styles.modal : '',
           'settingContainer_pc'
         ]}>
+        <div class={[styles.iconTitBox, 'iconTitBoxMove']}></div>
         <div class={styles.conCon}>
           <div class={styles.container}>
             {setting_modal.scorePart?.map((item: any, i: number) => (
@@ -102,7 +103,7 @@ export default defineComponent({
 
         {route.query.platform === 'modal' && (
           <Dragbom
-            showGuide={true}
+            showGuide={props.showGuide}
             onGuideDone={() => emit('guideDone')}></Dragbom>
         )}
       </div>