From 9aaa5b0cc308d00e014fcc5fce1b43b40dbab669 Mon Sep 17 00:00:00 2001 From: hi2hi Date: Fri, 25 Jul 2025 17:17:56 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=84=20=E8=B0=83=E6=95=B4=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E6=A8=A1=E5=BC=8F=E7=9A=84=E6=95=B0=E6=8D=AE=E5=88=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/variables.scss | 5 +++-- .../components/server-list/row/server-list-column.vue | 6 ++++++ .../components/server-list/row/server-list-item.vue | 2 +- src/views/composable/server-real-time.js | 10 ++++++++++ 4 files changed, 20 insertions(+), 3 deletions(-) diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss index d9ea178..46eeb0f 100644 --- a/src/assets/scss/variables.scss +++ b/src/assets/scss/variables.scss @@ -20,10 +20,11 @@ --transfer-color: #f9ed69; --transfer-in-color: var(--transfer-color); --transfer-out-color: #90f2ff; + --net-speed-color: #90f2ff; --net-speed-in-color: #f5b199; --net-speed-out-color: #89c3eb; - --conn-color: #89c3eb; - --conn-tcp-color: var(--conn-color); + --conn-color: #90f2ff; + --conn-tcp-color: #89c3eb; --conn-udp-color: #2ca9e1; --load-color: #90f2ff; --process-color: #f5b199; diff --git a/src/views/components/server-list/row/server-list-column.vue b/src/views/components/server-list/row/server-list-column.vue index 5c665a4..bc4db72 100644 --- a/src/views/components/server-list/row/server-list-column.vue +++ b/src/views/components/server-list/row/server-list-column.vue @@ -187,6 +187,12 @@ const columnStyle = computed(() => { } } + &--speeds { + .item-value { + color: var(--net-speed-color); + } + } + &--inSpeed { .item-value { color: var(--net-speed-in-color); diff --git a/src/views/components/server-list/row/server-list-item.vue b/src/views/components/server-list/row/server-list-item.vue index cd5bf1b..ea4db7e 100644 --- a/src/views/components/server-list/row/server-list-item.vue +++ b/src/views/components/server-list/row/server-list-item.vue @@ -41,7 +41,7 @@ { unit: netOutSpeed.value?.unit, show: validate.isSet(netOutSpeed.value?.value), }; + case 'speeds': + return { + key, + label: '网速', + value: [ + `${netInSpeed.value?.value}${netInSpeed.value?.unit}`, + `${netOutSpeed.value?.value}${netOutSpeed.value?.unit}`, + ].join('|'), + show: validate.isSet(netInSpeed.value?.value) && validate.isSet(netOutSpeed.value?.value), + }; case 'load': return { key,