From c75f0c4f74701911e4e00e7b3fca7a269beaedd6 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 13 十一月 2024 23:03:01 +0800
Subject: [PATCH] 2024-11-13
---
src/components/header/sysmessage/index.scss | 57 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 41 insertions(+), 16 deletions(-)
diff --git a/src/components/header/sysmessage/index.scss b/src/components/header/sysmessage/index.scss
index 997c78e..9d71cb6 100644
--- a/src/components/header/sysmessage/index.scss
+++ b/src/components/header/sysmessage/index.scss
@@ -34,15 +34,14 @@
}
.mk-msg-wrap {
position: fixed;
- width: 200px;
- height: 400px;
- top: 92px;
- right: 15px;
+ width: 300px;
+ top: 50px;
+ right: 120px;
z-index: -1;
opacity: 0;
- padding: 10px;
+ padding: 10px 10px 30px;
font-size: 13px;
- background-color: #fff;
+ background-color: #000000;
background-clip: padding-box;
color: rgba(0, 0, 0, 0.85);
border: 0;
@@ -53,27 +52,53 @@
transition: all 0.2s;
.title {
- text-align: center;
+ position: relative;
+ text-align: left;
+ font-size: 14px;
+ height: 20px;
+ color: #ffffff;
.anticon-close {
position: absolute;
- right: 10px;
- color: rgba(0, 0, 0, 0.45);
+ right: 5px;
+ color: #ffffff;
cursor: pointer;
transition: color 0.2s;
- }
- .anticon-close:hover {
- color: rgba(0, 0, 0, 0.85);
}
}
.msg-list {
.msg-item {
- height: 80px;
- background: rgba(0, 0, 0, 0.05);
+ position: relative;
+ height: 55px;
+ background: #e8e8e8;
margin: 10px 0px;
- padding: 5px;
- border-radius: 2px;
+ padding: 8px;
+ border-radius: 4px;
+ font-size: 14px;
+ cursor: pointer;
+ span {
+ display: block;
+ }
}
+ .time {
+ position: absolute;
+ top: 5px;
+ right: 8px;
+ font-size: 13px;
+ }
+ }
+
+ .jump {
+ position: absolute;
+ right: 15px;
+ bottom: 12px;
+ font-size: 14px;
+ cursor: pointer;
+ color: var(--mk-sys-color1);
+ transition: color 0.2s;
+ }
+ .jump:hover {
+ color: #ffffff;
}
}
.mk-msg-wrap.visible {
--
Gitblit v1.8.0