From b2aa5c839e420f02d5f237a11dcfb5508cff3a8b Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 28 Mar 2025 10:45:01 +0800
Subject: [PATCH] feat： 调整组件
---
src/views/Home/components/HomeLeft/OverviewNext.vue | 32 +++++++++++++++++++++++++-------
1 files changed, 25 insertions(+), 7 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/OverviewNext.vue b/src/views/Home/components/HomeLeft/OverviewNext.vue
index b1ead76..207713b 100644
--- a/src/views/Home/components/HomeLeft/OverviewNext.vue
+++ b/src/views/Home/components/HomeLeft/OverviewNext.vue
@@ -30,7 +30,7 @@
</div>
<div class="table-item" v-for="item in tableList">
<div class="name">
- <img width="10" height="10" src="@/assets/images/table-zx.png" alt="">
+ <img class="yjzx-img" width="10" height="10" src="@/assets/images/table-zx.png" alt="">
<img width="13" height="15" src="@/assets/images/table-icon.png" alt="">
{{item.name}}
</div>
@@ -40,7 +40,7 @@
</div>
</template>
<script setup>
-import { hToV, wToR } from '@/utils/pxConver';
+import { Search } from '@element-plus/icons-vue';
const list = ref([
{ name: '执行中', value: 89, color: '#FFA768' },
@@ -60,6 +60,7 @@
.overview-next {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 29px;
+ padding: 16px 16px;
width: 390px;
height: 414px;
background: linear-gradient( 270deg, rgba(31,62,122,0) 0%, rgba(31,62,122,0.35) 21%, #1F3E7A 100%);
@@ -77,7 +78,9 @@
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
+ font-family: Source Han Sans CN, Source Han Sans CN;
.value {
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 8px;
font-size: 26px;
}
@@ -91,12 +94,12 @@
justify-content: space-between;
line-height: 30px;
.name {
+ font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
.value {
- font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 26px;
@@ -109,14 +112,15 @@
:deep(.el-input__wrapper) {
background-color: rgba(0, 112, 255, 0.1);
background: rgba(0,15,34,0.5);
+ box-shadow: 0 0 0 1px #0070FF inset;
}
:deep(.el-input-group__append) {
- background-color: #0070FF;
- border-color: #0070FF;
+ background: rgba(0,112,255,0.38);
.el-button {
background-color: transparent;
- border: none;
+ border: 1px solid #0070FF;
+ border-left: none;
color: #fff;
}
}
@@ -129,16 +133,30 @@
}
}
.table-list {
+ font-family: Source Han Sans CN, Source Han Sans CN;
margin: 16px;
+ font-weight: 500;
font-size: 16px;
.table-header, .table-item {
display: flex;
justify-content: space-between;
height: 36px;
line-height: 36px;
+ padding: 0 20px;
}
.table-item {
-
+ position: relative;
+ .yjzx-img {
+ position: absolute;
+ top: 14px;
+ left: 10px;
+ }
+ .status {
+ color: #6FC3FF;
+ }
+ .atcive {
+ color: #04F020;
+ }
}
}
}
--
Gitblit v1.9.3