Ver Fonte

解决 iphonex 不能滚动的问题

黄琪勇 há 9 meses atrás
pai
commit
62b753884d

+ 10 - 0
src/view/plugins/toggleMusicSheet/choosePartName/index.module.less

@@ -58,6 +58,16 @@
         &.sheetCon{
           flex-grow: 1;
           overflow: hidden;
+          position: relative;
+          /* 解决iphonex 不能滚动 */
+          .boxCon{
+            position: absolute;
+            left: 0;
+            top: 0;
+            bottom: 0;
+            right: 0;
+            overflow: hidden;
+          }
           .con{
             width: 100%;
             height: calc(100% - 4px);

+ 8 - 6
src/view/plugins/toggleMusicSheet/choosePartName/index.tsx

@@ -80,12 +80,14 @@ export default defineComponent({
               <div class={styles.tips}>(最多可选4个)</div>
             </div>
             <div class={[styles.content, styles.sheetCon]}>
-              <div class={styles.con}>
-                {
-                  props.partListNames.map((item: any)=>{
-                    return <div class={[styles.selBtn,selValues.value.includes(item.value) && styles.active]} onClick={()=>{hanldeSelSheet(item.value)}}>{item.text}</div>
-                  })
-                }
+              <div class={styles.boxCon}>
+                <div class={styles.con}>
+                  {
+                    props.partListNames.map((item: any)=>{
+                      return <div class={[styles.selBtn,selValues.value.includes(item.value) && styles.active]} onClick={()=>{hanldeSelSheet(item.value)}}>{item.text}</div>
+                    })
+                  }
+                </div>
               </div>
             </div>
           </div>