From 16b491229cc9f37547a5d30bfecf74bcdd53d31b Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期五, 19 七月 2024 17:49:27 +0800
Subject: [PATCH] updateChatInput
---
src/layout/component/header/Header.vue | 41 +++++++++++++++++++++++++++++------------
1 files changed, 29 insertions(+), 12 deletions(-)
diff --git a/src/layout/component/header/Header.vue b/src/layout/component/header/Header.vue
index daa62d6..23f5564 100644
--- a/src/layout/component/header/Header.vue
+++ b/src/layout/component/header/Header.vue
@@ -24,7 +24,11 @@
:key="item.notify_id"
@click="announcementContentClick(item)"
>
- <p>{{ item.notify_message }}</p>
+ <div class="flex items-center">
+ <p class="set-circle"></p>
+ <p>{{ item.notify_message }}</p>
+ </div>
+
<p class="text-right mr-[19px]">
<span>{{ item.notify_time }}</span>
</p>
@@ -37,6 +41,7 @@
width="500"
:before-close="handleCloseAnnouncement"
:modal="false"
+ title="鍏憡鍐呭"
:align-center="true"
>
<div class="set-content">
@@ -65,10 +70,10 @@
const getSystemNotify = async () => {
const res = await systemNotifyList();
- res.messages.forEach((element) => {
+ res.messages?.forEach((element) => {
element.notify_time = element.notify_time.slice(0, 10);
});
- state.announcementList = res.messages.sort(sortData).reverse().slice(0, 5);
+ state.announcementList = res.messages?.sort(sortData).slice(0, 5) ??[];
};
const routerMeta = computed(() => router.currentRoute.value.meta);
const handleAnnouncementClick = () => {
@@ -118,7 +123,8 @@
}
.notice_box_show {
width: 300px !important;
- height: 400px !important;
+ height: 470px !important;
+ // height: 100% !important;
padding: 0 20px 10px;
::-webkit-scrollbar {
height: 0;
@@ -151,7 +157,7 @@
}
&_body {
height: calc(100% - 40px);
- overflow: auto;
+ // overflow: auto;
.notice_item {
cursor: pointer;
padding: 10px;
@@ -162,17 +168,28 @@
box-sizing: border-box;
line-height: 19px;
font-size: 12px;
+ .set-circle {
+ width: 3px;
+ height: 3px;
+ position: absolute;
+ top: 17px;
+ left: 0;
+ transform: scale(0.8) translate(50%, -50%);
+ display: block;
+ padding: 2px;
+ min-width: 3px;
+ min-height: 3px;
+ text-align: center;
+ border-radius: 50%;
+ background: #ff423d;
+ color: #fff;
+ font-size: 12px;
+ }
}
}
}
}
-:deep(.el-dialog__header) {
- padding: 20px 20px 10px;
- background: none;
- .el-dialog__headerbtn .el-dialog__close {
- color: #909399;
- }
-}
+
.set-content {
padding: 0px 20px;
.notice-content {
--
Gitblit v1.9.3