update

src/assets/css/index.css

 * {
-    padding   : 0;
-    margin    : 0;
+  padding: 0;
+  margin: 0;
   list-style: none;
 }
-
 i {
   font-style: normal;
 }
-
+.iosStyle {
+  padding-top: 44px;
+}
+.container {
+  padding-top: 90px;
+}
 /*未扣费*/
 .no_bill {
   color: #077AEC;
 }
-
-@supports(padding-top:constant(safe-area-inset-top)) {
-    .container {
-        padding-top: calc(46px+constant(safe-area-inset-top));
-        color: yellow;
-    }
-}
-
-.container {
-    padding-top: calc(46px+constant(safe-area-inset-top));
-    color: #f00;
-}
-
-
 .mt0 {
   margin-top: 0 !important;
 }

src/assets/css/index.less

+@top:44px;
+
+* {
+    padding   : 0;
+    margin    : 0;
+    list-style: none;
+}
+
+i {
+    font-style: normal;
+}
+
+.iosStyle {
+    padding-top: @top;
+}
+.container {
+    padding-top: 46px+@top;
+}
+
+/*未扣费*/
+.no_bill {
+    color: #077AEC;
+}
+
+
+.mt0 {
+    margin-top: 0 !important;
+}
\ No newline at end of file

src/components/TabHeader.vue

@@ -39,9 +39,7 @@ export default {
 </script>
 
 <style  lang="less" scoped>
-.iosStyle {
-  padding-top: constant(safe-area-inset-top);
-}
+
 
 .header-warp {
   position: fixed;

src/views/Bill/index.vue

@@ -487,7 +487,8 @@ export default {
       .header_content {
         height: 122px;
         .fund {
-          margin-top: constant(safe-area-inset-top);
+          margin-top:30px;
+          
           width: 50%;
           float: left;
         }