tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip: 🚧 个人中心临时提交

Browse Source
This commit is contained in:
ray
2024-08-15 21:16:56 +08:00
parent 5c2d3d75ee
commit 5425491980
1 changed files with 95 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/views/profile/index.vue
View File

@@ -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>