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

no message

Browse Source
This commit is contained in:
kuaifan 2023-03-07 14:52:18 +08:00
parent 144fb5afba
commit db3fc5f492
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/js/pages/manage/messenger.vue
View File

@ -20,7 +20,7 @@
placement="bottom-start" placement="bottom-start"
class="nav-menu" class="nav-menu"
@command="onActive"> @command="onActive">
<div><i class="taskfont nav-icon">&#xe634;</i></div> <div class="nav-icon"><i class="taskfont">&#xe634;</i></div>
<EDropdownMenu v-slot="dropdown" class="messenger-nav-menu"> <EDropdownMenu v-slot="dropdown" class="messenger-nav-menu">
<EDropdownItem v-for="(item, key) in dialogMenus" :key="key" :command="item.type"> <EDropdownItem v-for="(item, key) in dialogMenus" :key="key" :command="item.type">
<div class="messenger-nav-item" :class="{active: dialogActive==item.type}"> <div class="messenger-nav-item" :class="{active: dialogActive==item.type}">
@ -31,7 +31,7 @@
</EDropdownMenu> </EDropdownMenu>
</EDropdown> </EDropdown>
<div <div
v-for="(item, key) in computedType" v-for="(item, key) in typeItems"
:key="key" :key="key"
:class="{active:dialogActive==item.type}" :class="{active:dialogActive==item.type}"
@click="onActive(item.type)"> @click="onActive(item.type)">
@ -266,7 +266,7 @@ export default {
return this.$route.name return this.$route.name
}, },
computedType() { typeItems() {
const {dialogActive, dialogMenus, dialogHistory} = this const {dialogActive, dialogMenus, dialogHistory} = this
const types = [] const types = []
if (this.dialogHistory.includes(dialogActive)) { if (this.dialogHistory.includes(dialogActive)) {

9
resources/assets/sass/pages/page-messenger.scss vendored
View File

@ -75,10 +75,17 @@
cursor: pointer; cursor: pointer;
&.nav-menu { &.nav-menu {
max-width: 46px; max-width: 46px;
}
.nav-icon { .nav-icon {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
> i {
font-size: 16px; font-size: 16px;
} }
}
}
.nav-title { .nav-title {
position: relative; position: relative;
> em { > em {