| | |
| | | <template> |
| | | <div class="animation"> |
| | | <div class="information"> |
| | | <!-- <span class="grid-content">氮氧化物 : <i style="color: #e8ee0b">29.93</i> 标准 : <i style="color: #fff">100</i></span>--> |
| | | <!-- <span class="grid-content">二氧化硫 : <i style="color: #e8ee0b">17.34</i> 标准 : <i style="color: #fff">50</i></span>--> |
| | | <!-- <span class="grid-content">烟尘 : <i style="color: #e8ee0b">6.93</i> 标准 : <i style="color: #fff">30</i></span>--> |
| | | <!-- <span class="grid-content">废气流量 : <i style="color: #e8ee0b">120343.18</i></span>--> |
| | | <!-- <span class="grid-content">氮氧化物 : <i style="color: #e8ee0b">29.93</i> 标准 : <i style="color: #fff">100</i></span>--> |
| | | <!-- <span class="grid-content">二氧化硫 : <i style="color: #e8ee0b">17.34</i> 标准 : <i style="color: #fff">50</i></span>--> |
| | | <!-- <span class="grid-content">烟尘 : <i style="color: #e8ee0b">6.93</i> 标准 : <i style="color: #fff">30</i></span>--> |
| | | <!-- <span class="grid-content">废气流量 : <i style="color: #e8ee0b">120343.18</i></span>--> |
| | | <span class="grid-content" v-for="item in dataStandard" :key="item.current.name">{{ item.current.name }} : |
| | | <i style="color: #e8ee0b">{{ item.current.val }}</i> {{ item.standard.name ?item.standard.name+':':'' }} <i style="color: #fff">{{ item.standard.val }}</i></span> |
| | | <i style="color: #e8ee0b">{{ item.current.val }}</i> {{ |
| | | item.standard.name ? item.standard.name + ':' : '' |
| | | }} <i style="color: #fff">{{ item.standard.val }}</i></span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | <style lang="less" scoped> |
| | | .animation { |
| | | .information { |
| | | padding: 0.02rem 0.04rem; |
| | | |
| | | .grid-content { |
| | | font-size: 0.08rem; |
| | | padding: 0.02rem; |
| | | background-color: #2e4967; |
| | | text-align: center; |
| | | border-radius: 0.01rem; |
| | | height: 0.15rem; |
| | | border-radius: 0.02rem; |
| | | line-height: 0.15rem; |
| | | margin-right: 0.04rem; |
| | | padding: 0 0.04rem |
| | | margin: 0 0.05rem; |
| | | } |
| | | } |
| | | } |