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,