fix: 健康总览,ui功能进一步优化。
This commit is contained in:
@@ -3,6 +3,7 @@
|
|||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<!-- 健康档案数据总览 -->
|
<!-- 健康档案数据总览 -->
|
||||||
<div class="section-title">
|
<div class="section-title">
|
||||||
|
<el-icon class="title-icon"><TrendCharts /></el-icon>
|
||||||
<span>健康档案数据总览</span>
|
<span>健康档案数据总览</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -177,6 +178,7 @@
|
|||||||
<!-- 个人健康档案概览 -->
|
<!-- 个人健康档案概览 -->
|
||||||
<div v-for="(item, index) in personList" :key="index" class="person-section">
|
<div v-for="(item, index) in personList" :key="index" class="person-section">
|
||||||
<div class="section-title">
|
<div class="section-title">
|
||||||
|
<el-icon class="title-icon"><User /></el-icon>
|
||||||
<span>{{ item.personName }} - 健康档案概览</span>
|
<span>{{ item.personName }} - 健康档案概览</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -284,7 +286,8 @@ import {
|
|||||||
DataLine,
|
DataLine,
|
||||||
Sunny,
|
Sunny,
|
||||||
Warning,
|
Warning,
|
||||||
Document
|
Document,
|
||||||
|
TrendCharts
|
||||||
} from '@element-plus/icons-vue'
|
} from '@element-plus/icons-vue'
|
||||||
|
|
||||||
//信息
|
//信息
|
||||||
@@ -382,6 +385,12 @@ onMounted(() => {
|
|||||||
padding: 16px 20px;
|
padding: 16px 20px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
box-shadow: 0 2px 12px rgba(102, 126, 234, 0.08);
|
box-shadow: 0 2px 12px rgba(102, 126, 234, 0.08);
|
||||||
|
|
||||||
|
.title-icon {
|
||||||
|
margin-right: 12px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: #667eea;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.person-section {
|
.person-section {
|
||||||
|
|||||||
Reference in New Issue
Block a user