From c5c4a3d129de2b20ca24727519aad5e80bebf03f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 14 十一月 2024 22:39:26 +0800
Subject: [PATCH] 2024-11-14
---
src/components/header/sysmessage/index.scss | 55 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 33 insertions(+), 22 deletions(-)
diff --git a/src/components/header/sysmessage/index.scss b/src/components/header/sysmessage/index.scss
index 9d71cb6..c35aef7 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,7 +44,7 @@
right: 120px;
z-index: -1;
opacity: 0;
- padding: 10px 10px 30px;
+ padding: 7px 10px 24px;
font-size: 13px;
background-color: #000000;
background-clip: padding-box;
@@ -55,12 +60,12 @@
position: relative;
text-align: left;
font-size: 14px;
- height: 20px;
color: #ffffff;
.anticon-close {
position: absolute;
right: 5px;
+ top: 1px;
color: #ffffff;
cursor: pointer;
transition: color 0.2s;
@@ -80,6 +85,12 @@
display: block;
}
}
+ .msg-item:first-child {
+ margin-top: 7px;
+ }
+ .msg-item.red {
+ color: #C32539;
+ }
.time {
position: absolute;
top: 5px;
@@ -91,7 +102,7 @@
.jump {
position: absolute;
right: 15px;
- bottom: 12px;
+ bottom: 7px;
font-size: 14px;
cursor: pointer;
color: var(--mk-sys-color1);
--
Gitblit v1.8.0