diff --git a/src/components/layout/layout.vue b/src/components/layout/layout.vue
index 8878b6a..d0139d6 100644
--- a/src/components/layout/layout.vue
+++ b/src/components/layout/layout.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="page-layout" v-show="isReady" :style="{ backgroundColor: backgroundColor, minHeight: minHeight }">
+    <view class="page-layout" :style="{ backgroundColor: backgroundColor, minHeight: minHeight, opacity: isReady ? 1 : 0 }">
         <view
             v-if="showHeader"
             class="page-header"
@@ -90,11 +90,11 @@ export default {
             isLogin: (state) => state.user.token.length > 0,
         }),
     },
-    async created() {
+    created() {
         if (this.isLogin) {
             this.$store.dispatch("user/info");
         }
-        const { statusBarHeight, headerHeight } = await this.config;
+        const { statusBarHeight, headerHeight } = this.config;
         // #ifndef H5
         this.statusBarHeight = statusBarHeight;
         this.headerHeight = headerHeight;
@@ -132,6 +132,7 @@ export default {
     max-width: 750px;
     width: 100%;
     margin: 0 auto;
+    transition: all .5s;
     /* #ifdef H5 */
     // 修复自定义tabBar后的遮挡问题
     // padding-bottom: calc(@tabBarHeight - 50px);