🪄 调整列表模式的数据列

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-color: #90f2ff;
-  --conn-tcp-color: var(--conn-color);
+  --conn-tcp-color: #89c3eb;
   --conn-udp-color: #2ca9e1;
   --load-color: #90f2ff;
   --process-color: #f5b199;

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);

src/views/components/server-list/row/server-list-item.vue

@@ -41,7 +41,7 @@
     <server-list-item-real-time
       v-if="$config.nazhua.hideListItemStat !== true"
       :info="info"
-      server-real-time-list-tpls="load,conns,inSpeed,outSpeed,transfer,duration"
+      server-real-time-list-tpls="load,conns,speeds,transfer,duration"
     />
     <server-list-item-bill
       v-if="$config.nazhua.hideListItemBill !== true"

src/views/composable/server-real-time.js

@@ -254,6 +254,16 @@ export default (params) => {
           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,