update

src/components/TabHeader.vue

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

src/views/Bill/index.vue

@@ -173,7 +173,7 @@ export default {
       currentPerId: 0,
       currentPerName: "",
       period: [{ name: "" }],
-      payUrl:'',
+      payUrl: "",
       data: {
         balance: 0,
         waitPay: 0,
@@ -232,9 +232,16 @@ export default {
       "savePerBeginDate",
       "loadPayUrl"
     ]),
-    toPay(){
+    toPay() {
       let payUrl =
-        this.payUrl + "&accountType=1&payType=3&selected=1&failUrl=" + encodeURIComponent('https://pay.qinqinxiaobao.com/callback/fail') + "&successUrl="+ encodeURIComponent('https://pay.qinqinxiaobao.com/callback/success') +"" + "&periodId=" + this.currentPerId;
+        this.payUrl +
+        "&accountType=1&payType=3&selected=1&failUrl=" +
+        encodeURIComponent("https://pay.qinqinxiaobao.com/callback/fail") +
+        "&successUrl=" +
+        encodeURIComponent("https://pay.qinqinxiaobao.com/callback/success") +
+        "" +
+        "&periodId=" +
+        this.currentPerId;
       window.open(payUrl);
     },
     toPage(flag) {
@@ -480,6 +487,7 @@ export default {
       .header_content {
         height: 122px;
         .fund {
+          margin-top: constant(safe-area-inset-top);
           width: 50%;
           float: left;
         }