From 95d1d72cc7e8012f6b1e231657f6bc870d9f3015 Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Thu, 12 Dec 2024 17:55:06 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E8=B0=83=E6=95=B4=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E9=A2=9C=E8=89=B2=EF=BC=9B=E6=8E=A7=E5=88=B6=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=9C=80=E5=A4=9A=E6=98=BE=E7=A4=BA5=E4=B8=AA?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/variables.scss                             | 5 +++--
 src/views/components/server-detail/server-info-box.vue     | 3 ++-
 src/views/components/server-detail/server-monitor.vue      | 2 +-
 src/views/components/server-list/server-list-item-bill.vue | 6 ++++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index 4d19f11..2a0ee35 100644
--- a/src/assets/scss/variables.scss
+++ b/src/assets/scss/variables.scss
@@ -25,8 +25,9 @@
 
   --list-item-price-color: #eee;
   --list-item-buy-link-color: #ffc300;
-  --public-note-tag-color: #ddd;
-  --public-note-tag-bg: #6a7efc;
+  --public-note-tag-color: #ccc;
+  // --public-note-tag-bg: #6a7efc;
+  --public-note-tag-bg: linear-gradient(125deg, #8f94fb, #4e54c8);
 
   // 针对1440px以下的屏幕
   @media screen and (max-width: 1440px) {
diff --git a/src/views/components/server-detail/server-info-box.vue b/src/views/components/server-detail/server-info-box.vue
index b4fafc3..32b9656 100644
--- a/src/views/components/server-detail/server-info-box.vue
+++ b/src/views/components/server-detail/server-info-box.vue
@@ -595,7 +595,8 @@ const processCount = computed(() => props.info?.State?.ProcessCount);
       line-height: 20px;
       font-size: 12px;
       color: var(--public-note-tag-color);
-      background-color: var(--public-note-tag-bg);
+      background: var(--public-note-tag-bg);
+      text-shadow: 1px 1px 2px rgba(#000, 0.2);
       border-radius: 4px;
     }
   }
diff --git a/src/views/components/server-detail/server-monitor.vue b/src/views/components/server-detail/server-monitor.vue
index 3fa2b79..73421c5 100644
--- a/src/views/components/server-detail/server-monitor.vue
+++ b/src/views/components/server-detail/server-monitor.vue
@@ -480,7 +480,7 @@ onUnmounted(() => {
     align-items: center;
     // padding: 0 10px;
     height: var(--minute-item-height);
-    background: rgba(#fff, 0.1);
+    background: rgba(#fff, 0.2);
     border-radius: calc(var(--minute-item-height) / 2);
 
     .minute-item {
diff --git a/src/views/components/server-list/server-list-item-bill.vue b/src/views/components/server-list/server-list-item-bill.vue
index b4ea0d9..1837fe6 100644
--- a/src/views/components/server-list/server-list-item-bill.vue
+++ b/src/views/components/server-list/server-list-item-bill.vue
@@ -109,7 +109,8 @@ const tagList = computed(() => {
   if (props?.info?.PublicNote?.planDataMod?.extra) {
     list.push(...props.info.PublicNote.planDataMod.extra.split(','));
   }
-  return list;
+  // 列表最多显示5个标签
+  return list.slice(0, 5);
 });
 
 const show = computed(() => {
@@ -186,7 +187,8 @@ const show = computed(() => {
       line-height: 20px;
       font-size: 12px;
       color: var(--public-note-tag-color);
-      background-color: var(--public-note-tag-bg);
+      background: var(--public-note-tag-bg);
+      text-shadow: 1px 1px 2px rgba(#000, 0.2);
       border-radius: 4px;
     }
   }