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 {
width: 0;
height: 123px;
display: flex;
flex-grow: .7;
flex-grow: 1;
align-items: flex-end;
justify-content: flex-end;
img {
width: 100%;
height: 100%;
width: 92px;
height: 92px;
}
}
.content-right-echart{
height: 123px;
display: flex;
flex-grow: 1;
align-items: flex-end;

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

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