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 | 30 ++++++++++++++++--------------
1 files changed, 16 insertions(+), 14 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/OverviewNext.vue b/src/views/Home/components/HomeLeft/OverviewNext.vue
index 4669f94..207713b 100644
--- a/src/views/Home/components/HomeLeft/OverviewNext.vue
+++ b/src/views/Home/components/HomeLeft/OverviewNext.vue
@@ -40,7 +40,6 @@
</div>
</template>
<script setup>
-import { hToV, wToR } from '@/utils/pxConver';
import { Search } from '@element-plus/icons-vue';
const list = ref([
@@ -61,52 +60,54 @@
.overview-next {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 29px;
- padding: hToV(16) 16px;
+ padding: 16px 16px;
width: 390px;
- height: hToV(414);
+ height: 414px;
background: linear-gradient( 270deg, rgba(31,62,122,0) 0%, rgba(31,62,122,0.35) 21%, #1F3E7A 100%);
border-radius: 0px 0px 0px 0px;
opacity: 0.85;
.next-num {
width: 358px;
- height: hToV(92);
+ height: 92px;
background: url(@/assets/images/next-num.png) no-repeat center / 100% 100%;;
position: relative;
.total {
position: absolute;
left: 22px;
- top: hToV(18);
+ top: 18px;
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;
}
}
.status {
position: absolute;
- top: hToV(16);
+ top: 16px;
right: 30px;
width: 200px;
display: flex;
justify-content: space-between;
- line-height: hToV(30);
+ 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;
-
+
}
}
}
.search-box {
- margin-top: hToV(19);
+ margin-top: 19px;
margin-right: 16px;
:deep(.el-input__wrapper) {
background-color: rgba(0, 112, 255, 0.1);
@@ -132,21 +133,22 @@
}
}
.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: hToV(36);
- line-height: hToV(36);
+ height: 36px;
+ line-height: 36px;
padding: 0 20px;
}
.table-item {
position: relative;
.yjzx-img {
position: absolute;
- top: hToV(16);
+ top: 14px;
left: 10px;
}
.status {
@@ -158,4 +160,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3