github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-17 03:03:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化移除群成员与打开成员对话冲突的情况

Browse Source
This commit is contained in:
kuaifan 2022-07-17 08:28:52 +08:00
parent 40e258928e
commit b4085fd1d3
2 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/assets/js/pages/manage/components/DialogGroupInfo.vue
View File

@ -21,7 +21,9 @@
<li v-for="(item, index) in userList" :key="index" @click="openUser(item.userid)"> <li v-for="(item, index) in userList" :key="index" @click="openUser(item.userid)">
<UserAvatar :userid="item.userid" :size="32" showName tooltipDisabled/> <UserAvatar :userid="item.userid" :size="32" showName tooltipDisabled/>
<div v-if="item.userid === dialogData.owner_id" class="user-tag">{{ $L("群主") }}</div> <div v-if="item.userid === dialogData.owner_id" class="user-tag">{{ $L("群主") }}</div>
<Icon v-else-if="dialogData.owner_id == userId || item.inviter == userId" class="user-exit" type="md-exit" @click="onExit(item)"/> <div v-else-if="dialogData.owner_id == userId || item.inviter == userId" class="user-exit" @click.stop="onExit(item)">
<Icon type="md-exit"/>
</div>
</li> </li>
<li v-if="userList.length === 0" class="no"> <li v-if="userList.length === 0" class="no">
<Loading v-if="loadIng > 0"/> <Loading v-if="loadIng > 0"/>

22
resources/assets/sass/pages/components/dialog-group-info.scss vendored
View File

@ -58,6 +58,7 @@
align-items: center; align-items: center;
list-style: none; list-style: none;
padding: 12px; padding: 12px;
height: 56px;
border-radius: 6px; border-radius: 6px;
&:hover { &:hover {
@ -109,18 +110,29 @@
.user-exit { .user-exit {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-end;
cursor: pointer; cursor: pointer;
margin-left: 4px; height: 100%;
width: 32px;
opacity: 0;
transform: translateX(50%);
transition: all 0.2s;
&:hover {
> i {
color: $primary-text-color;
}
}
> i {
display: flex;
align-items: center;
justify-content: center;
width: 22px; width: 22px;
height: 22px; height: 22px;
font-size: 12px; font-size: 12px;
color: $primary-desc-color; color: $primary-desc-color;
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-radius: 50%; border-radius: 50%;
opacity: 0; }
transform: translateX(50%);
transition: all 0.2s;
} }
} }
} }