From f6b7078aeb7a4b56ad70a6f954963fa6ea68fa2b Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Thu, 10 Apr 2025 15:23:24 +0800
Subject: [PATCH] feat: 修改列表状态颜色
---
src/views/Home/HomeLeft/OverviewNext.vue | 14 ++++++++++----
1 files changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/views/Home/HomeLeft/OverviewNext.vue b/src/views/Home/HomeLeft/OverviewNext.vue
index c208113..21fdc80 100644
--- a/src/views/Home/HomeLeft/OverviewNext.vue
+++ b/src/views/Home/HomeLeft/OverviewNext.vue
@@ -19,7 +19,10 @@
<img width="13" height="15" src="../../../assets/images/home/homeLeft/table-icon.png" alt="" />
{{ item.nickname }}
</div>
- <div class="status" :class="item.status==='WORKING'?'atcive':''" @click="signMachineNestClick(item)">
+ <div class="status" :class="{
+ 'active': item.status === 'WORKING',
+ 'idle-active': item.status === 'LEISURE'
+ }" @click="signMachineNestClick(item)">
{{ item.status==='OFFLINE'?'离线中':(item.status==='WORKING'?'作业中':'空闲中') }}
</div>
</div>
@@ -151,13 +154,16 @@
left: 10px;
}
.status {
- color: #6fc3ff;
+ color: #fff;
cursor: pointer;
}
- .atcive {
- color: #04f020;
+ .active {
+ color: #8EFFAC;
background: linear-gradient( 90deg, rgba(12,45,92,1) 0%, #154671 50%, rgba(12,45,92,1) 100%), linear-gradient( 90deg, rgba(12,45,92,1) 0%, rgba(12,45,92,1) 50%, rgba(12,45,92,1) 100%);
}
+ .idle-active {
+ color: #FFA768;
+ }
}
.custom-empty {
margin: 16px 0;
--
Gitblit v1.9.3