湖里大屏(劳务管理,数字工地,首页):图片替换

This commit is contained in:
骆乐 2022-08-05 16:07:04 +08:00
parent 3535d27d94
commit 3cba7d74eb
20 changed files with 40 additions and 24 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -6,21 +6,22 @@
</div>
<div class="counts">
<div class="count">
<div class="icon"></div>
<!-- <div class="icon"></div> -->
<img src="@/assets/images/projectImg/dig_one.png" />
<div class="info">
<p class="num">PM2.5</p>
<p class="label">21μg/m3</p>
</div>
</div>
<div class="count">
<div class="icon"></div>
<img src="@/assets/images/projectImg/dig_two.png" />
<div class="info">
<p class="num">PM2.5</p>
<p class="label">21μg/m3</p>
</div>
</div>
<div class="count">
<div class="icon"></div>
<img src="@/assets/images/projectImg/dig_three.png" />
<div class="info">
<p class="num">噪声</p>
<p class="label">58dB</p>
@ -61,19 +62,17 @@ export default {
.count {
display: flex;
align-items: center;
.icon {
img{
width:40px;
height:40px;
margin-right: 10px;
margin-bottom: 10px;
width: 40px;
height: 40px;
border-radius: 5px;
border: 1px solid #2e9586;
}
.info {
color: #fff;
margin-bottom: 5px;
.num {
margin-bottom: 6px;
font-size: 1px;
font-size: 12px;
}
.label {
font-size: 14px;

View File

@ -4,7 +4,7 @@
<div class="titleTxt">{{ title }}</div>
<div class="personCount">
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_purple.png" />
<img src="@/assets/images/projectImg/labor_shi.png" />
<div class="info">
<div class="num1">
{{ '62,590' }}
@ -16,7 +16,7 @@
</div>
</div>
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_orange.png" />
<img src="@/assets/images/projectImg/labor_te.png" />
<div class="info">
<div class="num2">
{{ 62590 }}
@ -27,7 +27,7 @@
</div>
</div>
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_orange.png" />
<img src="@/assets/images/projectImg/labor_men.png" />
<div class="info">
<div class="num3">
{{ '89%'}}
@ -38,7 +38,7 @@
</div>
</div>
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_orange.png" />
<img src="@/assets/images/projectImg/num_purple.png" />
<div class="info">
<div class="num4">
{{ 62590}}
@ -97,24 +97,27 @@ export default {
margin-top: 20px;
img {
margin-right: 8px;
width:50px;
height:50px;
}
.info{
display: inline-block;
line-height: 28px;
line-height: 50px;
.num1{
color:#7851f6;
}
.num2{
color:#6ee4f0;
color:#fe6c7f;
}
.num3{
color:#3d83f3;
color:#44d7b6;
}
.num4{
color: #7852f7;
}
.label{
font-size: 12px;
line-height: 10px;
}
.label1{
width:68px;

View File

@ -4,7 +4,7 @@
<div class="titleTxt">{{ title }}</div>
<div class="personCount">
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_purple.png" />
<img src="@/assets/images/projectImg/labor_green.png" />
<div class="info">
<div class="num1">{{ 62590 }}</div>
<!-- 实名制人数 -->
@ -12,7 +12,7 @@
</div>
</div>
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_orange.png" />
<img src="@/assets/images/projectImg/labor_yellow.png" />
<div class="info">
<div class="num2">{{ 62590 }}</div>
<!-- 在场人数 -->
@ -72,6 +72,8 @@ export default {
display: flex;
img {
margin-right: 8px;
width:50px;
height:50px;
}
.info {
margin-top: 5px;

View File

@ -5,7 +5,7 @@
<div class="content">
<div class="personCount">
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_purple.png" />
<img src="@/assets/images/projectImg/num_purple.png" />
<div class="info">
<div class="num1">
{{ 363 }}
@ -17,7 +17,7 @@
</div>
</div>
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_orange.png" />
<img src="@/assets/images/projectImg/num_skyblue.png" />
<div class="info">
<div class="num2">
{{ 70 }}
@ -29,7 +29,7 @@
</div>
</div>
<div class="countItem">
<img src="@/assets/images/dataBoard/numImg_orange.png" />
<img src="@/assets/images/projectImg/num_blue.png" />
<div class="info">
<div class="num3">
{{ 12 }}
@ -135,6 +135,8 @@ export default {
display: flex;
img {
margin-right: 8px;
width:50px;
height:50px;
}
.info{
margin-top: 5px;
@ -180,9 +182,19 @@ export default {
width: 86px;
height: 86px;
margin-right: 15px;
background: url(~@/assets/images/dataBoard/fc857081d1aded7077e783a698bd1d6.png);
background: url(~@/assets/images/projectImg/num_jia.png);
background-size: 100%;
&:nth-child(2) {
background: url(~@/assets/images/dataBoard/9f4e0bd5a0baebf3e96d512b208527b.png);
background: url(~@/assets/images/projectImg/num_yi.png);
background-size: 100%;
}
&:nth-child(3) {
background: url(~@/assets/images/projectImg/num_bing.png);
background-size: 100%;
}
&:nth-child(4) {
background: url(~@/assets/images/projectImg/num_ding.png);
background-size: 100%;
}
.person-info {
transform: translate(15px);