用户信息显示优化

admin/dashboard/templates/index.html

@@ -21,6 +21,10 @@
                 <el-row :gutter="20">
                     <!-- 左侧用户信息 -->
                     <el-col :span="6">
+                        <el-card shadow="hover" class="user-card">
+                            <div slot="header">
+                                <span>用户信息</span>
+                            </div>
                             <div v-if="currentUser.success" class="user-info-container">
                                 <div class="user-avatar-container">
                                     <img :src="'/static/' + currentUser.data.avatar" alt="用户头像" />
@@ -44,10 +48,11 @@
                                     </div>
                                 </div>
                             </div>
-                        <div v-else class="user-info-container user-info-empty">
+                            <div v-else class="user-info-empty">
                                 <i class="el-icon-warning"></i>
                                 <div>{% raw %}{{ currentUser.message || '未获取到用户信息' }}{% endraw %}</div>
                             </div>
+                        </el-card>
                     </el-col>
                     
                     <!-- 移除中间系统信息部分，改为占位 -->
@@ -644,20 +649,38 @@
     }
     
     /* 用户信息容器样式 */
-    .user-info-container {
+    /* 用户卡片样式 */
-        background-color: #f9f9f9;
+    .user-card {
-        border-radius: 4px;
-        padding: 15px;
         height: 100%;
+    }
+    
+    .user-card .el-card__body {
+        padding: 10px;
+    }
+    
+    .user-info-container {
+        padding: 5px;
         display: flex;
         flex-direction: column;
-        justify-content: center;
+    }
+    
+    .user-avatar-container {
+        text-align: center;
+        margin-bottom: 15px;
+    }
+    
+    .user-avatar-container img {
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+        border: 2px solid #fff;
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     }
     
     .user-info-empty {
         text-align: center;
         color: #909399;
-        font-size: 14px;
+        padding: 20px 0;
     }
     
     .user-info-empty i {