perf: 【消息】列表置顶会话加背景颜色

2022-02-17 10:42:28 +08:00 · 2022-02-17 10:42:28 +08:00 · 6689d48fad
commit 6689d48fad
parent 8581a7c308
2 changed files with 4 additions and 1 deletions
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@ -29,7 +29,7 @@
                            v-for="(dialog, key) in dialogList"
                            :ref="`dialog_${dialog.id}`"
                            :key="key"
-                            :class="{active: dialog.id == dialogId}"
+                            :class="[{active: dialog.id == dialogId},{top:dialog.top === 1}]"
                            @click="openDialog(dialog, true)"
                            @contextmenu.prevent.stop="handleRightClick($event, dialog)">
                            <template v-if="dialog.type=='group'">
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@ -189,6 +189,9 @@
                                left: 42px;
                                transform: scale(0.8);
                            }
+                            &.top {
+                                background-color: #f1f6fb;
+                            }
                            &.active {
                                background-color: #F4F5F7;
                            }