github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-04 20:24:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化消息未读数

Browse Source
This commit is contained in:
kuaifan 2022-03-07 18:07:02 +08:00
parent 2aa687a40b
commit 5afed4b85e
3 changed files with 34 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/pages/manage/components/DialogView.vue
View File

@ -152,7 +152,9 @@ export default {
}, },
}).then(({data}) => { }).then(({data}) => {
this.read_list = data; this.read_list = data;
this.$nextTick(() => {
this.$refs.percent.updatePopper(); this.$refs.percent.updatePopper();
})
}).catch(() => { }).catch(() => {
this.read_list = []; this.read_list = [];
}); });

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

@ -90,10 +90,15 @@
</div> </div>
</ScrollerY> </ScrollerY>
<div class="messenger-menu"> <div class="messenger-menu">
<div class="menu-icon">
<Icon @click="tabActive='dialog'" :class="{active:tabActive==='dialog'}" type="ios-chatbubbles" /> <Icon @click="tabActive='dialog'" :class="{active:tabActive==='dialog'}" type="ios-chatbubbles" />
<Badge class="menu-num" :count="msgUnread('all')"/>
</div>
<div class="menu-icon">
<Icon @click="tabActive='contacts'" :class="{active:tabActive==='contacts'}" type="md-person" /> <Icon @click="tabActive='contacts'" :class="{active:tabActive==='contacts'}" type="md-person" />
</div> </div>
</div> </div>
</div>
<div class="messenger-msg"> <div class="messenger-msg">
<div class="msg-dialog-bg"> <div class="msg-dialog-bg">

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

@ -281,6 +281,18 @@
height: 52px; height: 52px;
flex-shrink: 0; flex-shrink: 0;
border-top: 1px solid #f4f5f5; border-top: 1px solid #f4f5f5;
.menu-icon {
height: 100%;
display: flex;
align-items: center;
position: relative;
.menu-num {
position: absolute;
top: 4px;
left: 50%;
margin-left: 3px;
transform: scale(0.8);
}
> i { > i {
cursor: pointer; cursor: pointer;
font-size: 24px; font-size: 24px;
@ -297,6 +309,7 @@
} }
} }
} }
}
.messenger-msg { .messenger-msg {
flex: 1; flex: 1;
width: 0; width: 0;