湖里大屏(劳务管理,数字工地,首页):图片替换
BIN
src/assets/images/projectImg/dig_one.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
src/assets/images/projectImg/dig_three.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/assets/images/projectImg/dig_two.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
src/assets/images/projectImg/labor_green.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
src/assets/images/projectImg/labor_men.png
Normal file
|
After Width: | Height: | Size: 5.6 KiB |
BIN
src/assets/images/projectImg/labor_shi.png
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
BIN
src/assets/images/projectImg/labor_te.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
src/assets/images/projectImg/labor_yellow.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
src/assets/images/projectImg/num_bing.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
src/assets/images/projectImg/num_blue.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/assets/images/projectImg/num_ding.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
src/assets/images/projectImg/num_jia.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/assets/images/projectImg/num_pu.png
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
src/assets/images/projectImg/num_purple.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/assets/images/projectImg/num_skyblue.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/assets/images/projectImg/num_yi.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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);
|
||||
|
||||