fix

src/utils/vuex/store.js

@@ -25,7 +25,9 @@ const store = createStore({
         }
     },
     actions: {
-
+        login(state, boolean){
+            this.login.value
+        }
     }
 })
 

src/views/Index.vue

@@ -43,14 +43,10 @@
 
             <!-- content区域 -->
             <div>
-                <div class="tab-content" id="nav-tabContent">
+                <div class="content" id="nav-tabContent">
-                    <!-- <div class="tipes" style="display: none;">
+                    <div class="tips">
-                        <el-notification v-if="$store.state.showLoginSuccess" title="登录成功" type="success" :duration="3000"
+                        欢迎登陆资产系统
-                            @close="$store.commit('setShowLoginSuccess', false)">
+                    </div>                    
-                            您已成功登录！
-                        </el-notification>
-                    </div> -->
-                    <SuccessMessage v-model="message" />
                     <RouterView />
                 </div>
             </div>
@@ -132,4 +128,10 @@ export default {
     object-fit: contain;
     border-radius: 50%;
 }
+
+/* content样式 */
+.content{
+    max-width: 100%;
+    max-height: 100vh;
+}
 </style>

src/views/Login.vue

@@ -78,7 +78,7 @@ export default {
                 if (resp.data.code == 200) {
                     console.log(resp.data.msg)
                     this.$router.push({ name: 'index' })
-                    store.commit('setShowLoginSuccess', true)
+                    store.dispatch('login', true)
                 }
 
             }).catch(error => console.log(error))

src/views/page/page1.vue

@@ -1,15 +1,28 @@
+<script>
+export default {
+    props: {
+        message: String
+    }
+}
+</script>
 <template>
     <!-- 首页展示 -->
-    <div>
+    <div class="container">
+        <div class="row">
+            <div class="col">
                 <div class="boox">
                     欢迎{{ message }}登录系统
                 </div>
             </div>
+        </div>
+    </div>
 </template>
-<script>
+<style>
-import {useStore} from 'vuex'
+.boox{
-
+    margin: 0;
-
+    padding: 0;
-
+    max-width: 400px;
-
+    max-height: 600px;
-</script>
+    background-color: brown;
+}
+</style>