✨ feat:解决兼容性问题，和图标不显示的问题

src/pages/newCollection/index.module.scss

@@ -177,6 +177,10 @@
         }
     }
 
+    .safeBox {
+        height: 100px;
+    }
+
     .bottomBox {
         height: 160px;
         background: #FFFFFF;

src/pages/newCollection/index.tsx

@@ -287,7 +287,7 @@ export default () => {
                             timeArea == '自定义起始时间' && <View className={classnames('iconfont', 'icon-chakanquanbukehu', styles.more)}></View>
                         } */}
                     </View>
-                    <View style={{ height: '100rpx' }}></View>
+                    <View className={styles.safeBox} ></View>
                     <View className={styles.bottomBox}>
                         <Button className={styles.resetBox} onClick={() => { handReset() }}> 重置</Button >
                         <Button className={classnames(isDisabled ? styles.button : styles.activeButton)} disabled={isDisabled} onClick={() => handSureSelect()}> 确认</Button >

src/pages/refundPage/components/itemList/index.module.scss

@@ -131,7 +131,7 @@
                     font-family: PingFangSC-Regular, PingFang SC;
                     font-weight: 400;
                     color: #000000;
-                    margin-right: 30px;
+                    margin-right: 60px;
                 }
             }
 

src/pages/refundPage/index.module.scss

@@ -50,6 +50,10 @@
     height: 500px;
 }
 
+.safeBox {
+    height: 100px;
+}
+
 .popupBox {
     padding-bottom: env(safe-area-inset-bottom);
     width: 100%;
@@ -134,7 +138,8 @@
     }
 
     .bottomBox {
-        width: 750px;
+        width: 100%;
+        // width: 750px;
         height: 160px;
         background: #FFFFFF;
         position: fixed;
@@ -142,6 +147,7 @@
         z-index: 99;
         display: flex;
         padding-top: 16px;
+        align-items: center;
         justify-content: space-between;
 
         .resetBox {
@@ -158,7 +164,7 @@
             line-height: 80px;
         }
 
-        .button {
+        .button2 {
             margin-right: 32px;
             width: 311px;
             height: 80px;

src/pages/refundPage/index.tsx

@@ -385,12 +385,12 @@ export default () => {
                                 </View>
                             </View>
                         </View>
-                        <View style={{ height: '100rpx' }}></View>
+                        <View className={styles.safeBox}></View>
 
                         <View className={styles.bottomBox}>
 
                             <Button className={styles.resetBox} onClick={() => { handReset() }}> 重置</Button >
-                            <Button className={classnames(isDisabled ? styles.button : styles.activeButton)} disabled={isDisabled} onClick={() => handSure()}> 确认</Button >
+                            <Button className={classnames(isDisabled ? styles.button2 : styles.activeButton)} disabled={isDisabled} onClick={() => handSure()}> 确认</Button >
                         </View>
                     </ScrollView>
                     {/* <View className={styles.areaBox}></View> */}