github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-17 06:32:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 更新用户详情组件样式，调整布局和颜色

Browse Source
This commit is contained in:
yatgei 2025-10-14 14:01:03 +08:00
parent dd7eee277e
commit b4cbfd2ae9
2 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/assets/js/pages/manage/components/UserDetail.vue
View File

@ -30,6 +30,7 @@
<div class="meta"> <div class="meta">
<!-- <span>{{userData.address || 'Bandung'}}</span> --> <!-- <span>{{userData.address || 'Bandung'}}</span> -->
<span @click="commonDialogShow = true" <span @click="commonDialogShow = true"
class="common-dialog"
>{{ $L("共同群组") }}: >{{ $L("共同群组") }}:
{{ $L("(*)个", commonDialog.total) }}</span {{ $L("(*)个", commonDialog.total) }}</span
> >
@ -48,7 +49,6 @@
<div class="profile-actions"> <div class="profile-actions">
<Button <Button
type="primary"
icon="md-chatbubbles" icon="md-chatbubbles"
@click="onOpenDialog" @click="onOpenDialog"
>{{ $L("开始聊天") }}</Button >{{ $L("开始聊天") }}</Button
@ -69,11 +69,6 @@
userData.department_name || "-" userData.department_name || "-"
}}</span> }}</span>
</li> </li>
<!-- <li>
<Icon type="ios-briefcase-outline" />
<span class="label">{{$L('职位/职称')}}</span>
<span class="value">{{ userData.profession || '-' }}</span>
</li> -->
<li> <li>
<Icon type="ios-mail-outline" /> <Icon type="ios-mail-outline" />
<span class="label">{{ $L("邮箱") }}</span> <span class="label">{{ $L("邮箱") }}</span>
@ -98,6 +93,7 @@
<div class="profile-tags" @click.capture="onOpenTagsModal"> <div class="profile-tags" @click.capture="onOpenTagsModal">
<div v-if="displayTags.length" class="tags-list"> <div v-if="displayTags.length" class="tags-list">
<Button <Button
type="dashed"
class="manage-tags-btn icon" class="manage-tags-btn icon"
@click.stop="onOpenTagsModal" @click.stop="onOpenTagsModal"
> >

17
resources/assets/sass/pages/components/user-detail.scss vendored
View File

@ -9,10 +9,10 @@
.user-detail-body { .user-detail-body {
.profile-header { .profile-header {
position: relative; position: relative;
height: 140px; height: 160px;
.cover-photo { .cover-photo {
background: #84C56A; background: $primary-color;
height: 100px; height: 120px;
border-top-left-radius: 16px; border-top-left-radius: 16px;
border-top-right-radius: 16px; border-top-right-radius: 16px;
} }
@ -34,7 +34,7 @@
.user-info-top { .user-info-top {
.username { .username {
color: #808695; color: $primary-desc-color;
font-size: 14px; font-size: 14px;
} }
.fullname { .fullname {
@ -48,6 +48,9 @@
align-items: center; align-items: center;
color: #808695; color: #808695;
font-size: 12px; font-size: 12px;
.common-dialog {
cursor: pointer;
}
.separator { .separator {
margin: 0 8px; margin: 0 8px;
} }
@ -62,7 +65,7 @@
} }
.profile-bio { .profile-bio {
color: #515a6e; color: $primary-title-color;
line-height: 1.5; line-height: 1.5;
margin: 16px 0; margin: 16px 0;
padding: 0 50px; padding: 0 50px;
@ -94,7 +97,7 @@
.ivu-icon { .ivu-icon {
font-size: 20px; font-size: 20px;
margin-right: 12px; margin-right: 12px;
color: #808695; color: $primary-desc-color;
} }
.label { .label {
@ -106,7 +109,7 @@
} }
.value { .value {
color: #17233d; color: $primary-title-color;
font-weight: 500; font-weight: 500;
flex: 1 1 auto; flex: 1 1 auto;
min-width: 0; min-width: 0;