0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 优化设备管理仪表盘样式

This commit is contained in:
xieyonghong 2023-04-10 14:28:41 +08:00
parent ceffa5eaf9
commit 1d2670025e
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/device/DashBoard/components/TopCard.vue
View File

@ -72,18 +72,16 @@ const props = defineProps({
} }
.content-right { .content-right {
width: 0; width: 0;
height: 123px;
display: flex; display: flex;
flex-grow: .7; flex-grow: 1;
align-items: flex-end; align-items: flex-end;
justify-content: flex-end; justify-content: flex-end;
img { img {
width: 100%; width: 92px;
height: 100%; height: 92px;
} }
} }
.content-right-echart{ .content-right-echart{
height: 123px;
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
align-items: flex-end; align-items: flex-end;

6
src/views/device/DashBoard/index.vue
View File

@ -5,7 +5,7 @@
<j-col :span="6"> <j-col :span="6">
<TopCard <TopCard
title="产品数量" title="产品数量"
:img="getImage('/device/device-product.png')" :img="getImage('/device/device-product.svg')"
:footer="productFooter" :footer="productFooter"
:value="productTotal" :value="productTotal"
></TopCard> ></TopCard>
@ -13,7 +13,7 @@
<j-col :span="6"> <j-col :span="6">
<TopCard <TopCard
title="设备数量" title="设备数量"
:img="getImage('/device/device-number.png')" :img="getImage('/device/device-number.svg')"
:footer="deviceFooter" :footer="deviceFooter"
:value="deviceTotal" :value="deviceTotal"
></TopCard ></TopCard
@ -605,7 +605,7 @@ getDevice();
} }
.message-chart { .message-chart {
width: 100%; width: 100%;
height: 400px; height: 470px;
} }
.amap-box { .amap-box {
height: 500px; height: 500px;