修复页面闪动问题

src/components/layout/layout.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="page-layout" :style="{ backgroundColor: backgroundColor, minHeight: minHeight }">
+    <view class="page-layout" v-show="showPage" :style="{ backgroundColor: backgroundColor, minHeight: minHeight }">
         <view
             v-if="showHeader"
             class="page-header"
@@ -41,6 +41,7 @@ export default {
     name: "component-layout",
     data() {
         return {
+            showPage: false,
             headerHeight: 0,
             statusBarHeight: 0,
             bodyPaddingTop: 0,
@@ -94,8 +95,9 @@ export default {
             this.$store.dispatch("user/info");
         }
     },
-    mounted() {
-        const { statusBarHeight, headerHeight } = this.config;
+    async mounted() {
+        const { statusBarHeight, headerHeight } = await this.config;
+        this.showPage = true;
         // #ifndef H5
         this.statusBarHeight = statusBarHeight;
         this.headerHeight = headerHeight;