From a080bc96952bff153be3fc1e8de9b080d942886c Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 28 Mar 2025 11:09:56 +0800
Subject: [PATCH] feat：调整头部组件
---
src/views/Home/components/HomeLeft/OverviewNext.vue | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/OverviewNext.vue b/src/views/Home/components/HomeLeft/OverviewNext.vue
index d8328a5..cd64f21 100644
--- a/src/views/Home/components/HomeLeft/OverviewNext.vue
+++ b/src/views/Home/components/HomeLeft/OverviewNext.vue
@@ -1,5 +1,6 @@
<!-- 机巢概况 -->
<template>
+ <common-title style="margin-left: 14px;" @details="detailsFun"></common-title>
<div class="overview-next">
<div class="next-num">
<div class="total">
@@ -41,6 +42,7 @@
</template>
<script setup>
import { Search } from '@element-plus/icons-vue';
+import CommonTitle from '@/components/CommonTitle.vue';
const list = ref([
{ name: '执行中', value: 89, color: '#FFA768' },
@@ -55,12 +57,16 @@
{ name: '小兰工业园3号', status: '预计执行' },
{ name: '小兰工业园3号', status: '预计执行' },
]);
+
+const detailsFun = () => {
+ console.log('details');
+};
</script>
<style scoped lang="scss">
.overview-next {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 29px;
- padding: hToV(16) 16px;
+ 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%);
@@ -74,11 +80,14 @@
.total {
position: absolute;
left: 22px;
- top: 18px;
+ top: 28px;
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ line-height: 19px;
.value {
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
margin-left: 8px;
font-size: 26px;
}
@@ -92,12 +101,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;
@@ -131,21 +140,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 {
--
Gitblit v1.9.3