yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

【功能完善】商城: 会员信息的优化

pull/598/head
puhui999 2024-11-24 16:17:10 +08:00
parent d228df5210
commit 101c704a8f
2 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/member/user/detail/UserAccountInfo.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<el-descriptions :column="column"> <el-descriptions :class="{ 'kefu-descriptions': column === 1 }" :column="column">
<el-descriptions-item> <el-descriptions-item>
<template #label> <template #label>
<descriptions-item-label icon="svg-icon:member_level" label=" 等级 " /> <descriptions-item-label icon="svg-icon:member_level" label=" 等级 " />
@ -62,4 +62,23 @@ withDefaults(defineProps<{ user: UserApi.UserVO; wallet: WalletApi.WalletVO; col
.cell-item::after { .cell-item::after {
content: ':'; content: ':';
} }
.kefu-descriptions {
::v-deep(.el-descriptions__cell) {
display: flex;
align-items: center;
justify-content: space-between;
.el-descriptions__label {
width: 120px;
display: block;
text-align: left;
}
.el-descriptions__content {
flex: 1;
text-align: end;
}
}
}
</style> </style>

23
src/views/member/user/detail/UserBasicInfo.vue
View File

@ -68,7 +68,7 @@
</el-row> </el-row>
<template v-if="mode === 'kefu'"> <template v-if="mode === 'kefu'">
<ElAvatar :size="140" :src="user.avatar || undefined" shape="square" /> <ElAvatar :size="140" :src="user.avatar || undefined" shape="square" />
<el-descriptions :column="1"> <el-descriptions :column="1" class="kefu-descriptions">
<el-descriptions-item> <el-descriptions-item>
<template #label> <template #label>
<descriptions-item-label icon="ep:user" label="用户名" /> <descriptions-item-label icon="ep:user" label="用户名" />
@ -81,7 +81,7 @@
</template> </template>
{{ user.nickname }} {{ user.nickname }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="手机号"> <el-descriptions-item>
<template #label> <template #label>
<descriptions-item-label icon="ep:phone" label="手机号" /> <descriptions-item-label icon="ep:phone" label="手机号" />
</template> </template>
@ -143,4 +143,23 @@ withDefaults(defineProps<{ user: UserApi.UserVO; mode?: string }>(), {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
::v-deep(.kefu-descriptions) {
.el-descriptions__cell {
display: flex;
align-items: center;
justify-content: space-between;
.el-descriptions__label {
width: 120px;
display: block;
text-align: left;
}
.el-descriptions__content {
flex: 1;
text-align: end;
}
}
}
</style> </style>