style(mobile): 统一项目与通讯录顶部团队按钮样式,加宽点击区域,项目选择团队后图标高亮

This commit is contained in:
kuaifan 2026-10-22 09:02:03 +00:00
parent 02ebbc1c96
commit e68cb6f322
4 changed files with 10 additions and 11 deletions

View File

@ -14,6 +14,7 @@
<div
v-if="ownerViewAvailable"
class="owner-view-button"
:class="{active: departmentOwnerProjectViewEnabled}"
@click="departmentOwnerViewShow=true">
<i class="taskfont">&#xe75c;</i>
<em v-if="departmentOwnerProjectViewEnabled">{{ownerDepartmentIds.length}}</em>

View File

@ -31,7 +31,6 @@
<div
v-if="tabActive==='contacts'"
class="search-mode"
:class="{active: contactsViewMode==='department'}"
:title="$L(contactsViewMode==='department' ? '按字母显示' : '按部门显示')"
@click="toggleContactsView">
<i v-if="contactsViewMode==='department'" class="taskfont">&#xe634;</i>

View File

@ -58,20 +58,23 @@
}
}
// 与通讯录的部门切换按钮保持一致
.owner-view-button {
position: relative;
width: 32px;
width: 40px;
height: 32px;
margin-left: 8px;
flex-shrink: 0;
border-radius: 12px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(47, 128, 237, 0.08);
color: #808695;
cursor: pointer;
&.active {
color: #84C56A;
}
> i {
font-size: 18px;
font-size: 20px;
}
> em {
position: absolute;

View File

@ -23,7 +23,7 @@
flex-shrink: 0;
.search-mode {
flex-shrink: 0;
width: 32px;
width: 40px;
height: 32px;
display: flex;
align-items: center;
@ -35,10 +35,6 @@
.team {
font-size: 20px;
}
&:hover,
&.active {
color: #84C56A;
}
}
.search-wrapper {
flex: 1;