|
|
@ -6,14 +6,12 @@ |
|
|
|
<div class="topTabs" > |
|
|
|
<div class="item" v-for=" item in equipments" > |
|
|
|
<div class="title-tool" > |
|
|
|
<span class="text" >设备数</span> |
|
|
|
<div class="num" >{{ item.num }}</div> |
|
|
|
<span class="unit">套</span> |
|
|
|
<span class="text" >{{ item.text }}</span> |
|
|
|
</div> |
|
|
|
<div class="item-body" > |
|
|
|
<div class="left-body" > |
|
|
|
<img src="./assets/shexiangtou.png" /> |
|
|
|
<span>{{ item.text }}</span> |
|
|
|
<span class="num" >{{ item.num }} <span class="unit">套</span></span> |
|
|
|
</div> |
|
|
|
<div class="line" ></div> |
|
|
|
<div class="right-list" > |
|
|
@ -568,6 +566,7 @@ import * as echarts from "echarts"; |
|
|
|
|
|
|
|
<style lang='scss' scoped> |
|
|
|
|
|
|
|
|
|
|
|
.bottomTabs { |
|
|
|
position: relative; |
|
|
|
display: inline-flex; |
|
|
@ -587,6 +586,8 @@ import * as echarts from "echarts"; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.topTabs { |
|
|
|
display: inline-flex; |
|
|
|
width: 100%; |
|
|
@ -633,13 +634,25 @@ import * as echarts from "echarts"; |
|
|
|
align-items: center; |
|
|
|
margin:0 10px; |
|
|
|
|
|
|
|
> span { |
|
|
|
.num { |
|
|
|
display: inline-flex; |
|
|
|
margin-top:10px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-size: 19px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFFcc; |
|
|
|
color: #00D1FF; |
|
|
|
margin:0 10px; |
|
|
|
margin-top:20px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.unit { |
|
|
|
font-size: 12px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFFF0; |
|
|
|
position: relative; |
|
|
|
top:5px; |
|
|
|
left:5px; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
@ -667,7 +680,7 @@ import * as echarts from "echarts"; |
|
|
|
position: relative; |
|
|
|
width:100%; |
|
|
|
height:40px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 12px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFF; |
|
|
@ -676,21 +689,21 @@ import * as echarts from "echarts"; |
|
|
|
|
|
|
|
.show-text1 { |
|
|
|
color:#00EBC1ee; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
|
|
|
|
|
.show-text2 { |
|
|
|
color:#FFFFFFee; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
|
|
|
|
|
.show-text3 { |
|
|
|
color:#FFD15Cee; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
@ -718,20 +731,9 @@ import * as echarts from "echarts"; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
|
|
|
|
.num { |
|
|
|
font-size: 19px; |
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao; |
|
|
|
font-weight: 400; |
|
|
|
color: #00D1FF; |
|
|
|
margin:0 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.unit { |
|
|
|
font-size: 11px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF50; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|