tj

src/views/Bill/index.vue

@@ -159,7 +159,7 @@ import { Icon, Loading } from "vant";
 import { TabHeader } from "@/components";
 import * as utils from "../../utils/common";
 import { mapGetters, mapActions } from "vuex";
-import setBarHeight from "../../assets/js/setBarHeight.js";
+
 import dayjs from "dayjs";
 
 export default {
@@ -167,7 +167,7 @@ export default {
     [Icon.name]: Icon,
     TabHeader
   },
-  mixins: [setBarHeight],
+
   data() {
     return {
       title: "人事服务",
@@ -418,6 +418,18 @@ export default {
         }
       }
     },
+    setBarHeight() {
+      const barHeight = localStorage.getItem("barHeight");
+      const conHeight = 46 + barHeight;
+      console.log("mixins barHeight=", barHeight);
+      document
+        .getElementsByClassName("iosStyle")[0]
+        .setAttribute("style", "padding-top:" + barHeight + "px !important");
+
+      document
+        .getElementsByClassName("container")[0]
+        .setAttribute("style", "padding-top:" + conHeight + "px !important");
+    },
     closeWebView() {
       try {
         window.WebViewJavascriptBridge.callHandler(
@@ -435,13 +447,13 @@ export default {
       this.closeWebView();
     }
   },
-  mounted() {
-    this.setPageNavState();
-  },
   async mounted() {
+    this.setPageNavState();
+    this.setBarHeight();
     this.globalNavLeftArrowClick(this.navLeftArrowClick);
     await this.loadPeriodData();
     this.payUrl = await this.loadPayUrl();
+    console.log("mounted barHeight=", barHeight);
   }
 };
 </script>