修复系统管理员的欢迎界面

src/views/admin1/index.vue

@@ -18,20 +18,22 @@
             >
               <el-col :span="9">
                 <el-card>
-                  <!-- <div class="image">
+                  <div class="welcome">
-                          <img class="image " src="@/assets/images/welcome.png">
-                        </div> -->
-                  <template>
                     <el-image
                       :src="featureState.property"
-                      fit="fill"
+                      fit="scale-down"
                       :style="{
                         height: featureState.asideimgHeight,
                         width: featureState.width,
                       }"
                     >
                     </el-image>
-                  </template>
+                    <div>
+                      <h4>
+                        欢迎登录系统，{{ store.$state.current_userInfo.role }}
+                      </h4>
+                    </div>
+                  </div>
                 </el-card>
               </el-col>
             </el-row>
@@ -56,7 +58,7 @@ const store = useStore();
 const isRow = ref(store.isRows);
 
 const featureState = reactive({
-  property: "",
+  property: "https://s2.loli.net/2023/05/25/TDfPRtyHaXj3ihF.png",
   asideimgHeight: (document.body.clientHeight - 200) / 2 + "px",
   width: 100 + "%",
 });
@@ -87,8 +89,9 @@ const changRowStatus = (val) => {
 
 .welcome {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-items: space-between;
+  justify-items: self-end;
 }
 
 .admin {