wip: 🚧 个人中心临时提交

src/views/profile/index.vue

@@ -4,7 +4,8 @@
       <el-col :span="6">
         <el-tabs tab-position="left">
           <el-tab-pane label="账号信息">
-            <el-card>
+            <div class="w-full">
+              <el-card class="flex-1">
                 <div class="">
                   <div class="relative w-100px h-100px flex-center">
                     <el-avatar :src="userProfile.avatar" :size="100" />
@@ -30,7 +31,6 @@
                     </el-icon>
                   </div>
                 </div>
-
                 <el-descriptions :column="1" class="mt-10">
                   <el-descriptions-item>
                     <template #label>
@@ -79,8 +79,39 @@
                   </el-descriptions-item>
                 </el-descriptions>
               </el-card>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="安全设置">
+            <el-card>
+              <el-descriptions :column="1">
+                <el-descriptions-item>
+                  <template #label>
+                    <el-icon class="align-middle"><Lock /></el-icon>
+                    密码
+                  </template>
+                  <el-button type="primary" @click="handleOpenDialog">
+                    修改密码
+                  </el-button>
+                </el-descriptions-item>
+
+                <el-descriptions-item>
+                  <template #label>
+                    <el-icon class="align-middle"><Lock /></el-icon>
+                    手机绑定
+                  </template>
+                  <el-button type="primary">设置安全问题</el-button>
+                </el-descriptions-item>
+
+                <el-descriptions-item>
+                  <template #label>
+                    <el-icon class="align-middle"><Lock /></el-icon>
+                    邮箱绑定
+                  </template>
+                  <el-button type="primary">设置安全问题</el-button>
+                </el-descriptions-item>
+              </el-descriptions>
+            </el-card>
           </el-tab-pane>
-          <el-tab-pane label="安全设置">Config</el-tab-pane>
           <el-tab-pane label="偏好设置">Role</el-tab-pane>
           <el-tab-pane label="接收设置">Task</el-tab-pane>
         </el-tabs>