<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" 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>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'PublicDataStandard',
|
props: {
|
dataStandard: {
|
type: Array,
|
default: () => {
|
return []
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.animation {
|
.information {
|
.grid-content {
|
padding: 0.02rem;
|
background-color: #2e4967;
|
text-align: center;
|
border-radius: 0.02rem;
|
line-height: 0.15rem;
|
margin: 0 0.05rem;
|
}
|
}
|
}
|
</style>
|
