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,