From 80deba0c2dcffd9e6b6f07815c7c52199309ce42 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 23 六月 2025 17:36:03 +0800
Subject: [PATCH] 2025-06-23

---
 src/components/header/sysmessage/index.scss |   67 ++++++++++++++++++++-------------
 1 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/src/components/header/sysmessage/index.scss b/src/components/header/sysmessage/index.scss
index 9d71cb6..8936f09 100644
--- a/src/components/header/sysmessage/index.scss
+++ b/src/components/header/sysmessage/index.scss
@@ -1,37 +1,42 @@
 .mk-msg-icon {
+  display: inline-block;
+  position: relative;
   font-size: 16px;
-  margin-top: 17px;
+  margin-top: 12px;
   margin-right: 20px;
   margin-left: 0px;
   color: #1CD66C;
   cursor: pointer;
-}
-.mk-msg-icon[data-title] {
-  position: relative;
 
-  &::before {
-    content: " ";
-    position: absolute;
-    top: 6px;
-    left: 2px;
-    z-index: -1;
-    width: 12px;
-    height: 3px;
-    display: block;
-    background: #fff;
+  img {
+    width: 22px;
+    height: 22px;
   }
-  &::after {
+  span {
     position: absolute;
-    top: -10px;
-    left: 15px;
+    top: -6px;
+    left: 19px;
     color: #f5222d;
     font-size: 12px;
-    line-height: 16px;
     white-space: nowrap;
     font-weight: 600;
-    content: attr(data-title);
   }
 }
+// .mk-msg-icon[data-title] {
+//   position: relative;
+
+//   &::after {
+//     position: absolute;
+//     top: -10px;
+//     left: 15px;
+//     color: #f5222d;
+//     font-size: 12px;
+//     line-height: 16px;
+//     white-space: nowrap;
+//     font-weight: 600;
+//     content: attr(data-title);
+//   }
+// }
 .mk-msg-wrap {
   position: fixed;
   width: 300px;
@@ -39,9 +44,9 @@
   right: 120px;
   z-index: -1;
   opacity: 0;
-  padding: 10px 10px 30px;
+  padding: 7px 10px 24px;
   font-size: 13px;
-  background-color: #000000;
+  background-color: var(--mk-sys-color1);
   background-clip: padding-box;
   color: rgba(0, 0, 0, 0.85);
   border: 0;
@@ -55,13 +60,11 @@
     position: relative;
     text-align: left;
     font-size: 14px;
-    height: 20px;
-    color: #ffffff;
 
     .anticon-close {
       position: absolute;
       right: 5px;
-      color: #ffffff;
+      top: 1px;
       cursor: pointer;
       transition: color 0.2s;
     }
@@ -70,7 +73,7 @@
     .msg-item {
       position: relative;
       height: 55px;
-      background: #e8e8e8;
+      background: #ffffff;
       margin: 10px 0px;
       padding: 8px;
       border-radius: 4px;
@@ -78,7 +81,17 @@
       cursor: pointer;
       span {
         display: block;
+        overflow: hidden;
+        word-break: break-word;
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
+    }
+    .msg-item:first-child {
+      margin-top: 7px;
+    }
+    .msg-item.red {
+      color: #C32539;
     }
     .time {
       position: absolute;
@@ -91,10 +104,10 @@
   .jump {
     position: absolute;
     right: 15px;
-    bottom: 12px;
+    bottom: 7px;
     font-size: 14px;
     cursor: pointer;
-    color: var(--mk-sys-color1);
+    color: #1890ff;
     transition: color 0.2s;
   }
   .jump:hover {

--
Gitblit v1.8.0