| | |
| | | <!-- <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 + ':' : '' |
| | | item.standard.name && item.current.name.indexOf('流量') === -1 ? item.standard.name + ':' : '' |
| | | }} <i style="color: #fff">{{ item.standard.val }}</i></span> |
| | | </div> |
| | | </div> |
| | |
| | | <script> |
| | | export default { |
| | | name: 'PublicDataStandard', |
| | | watch: { |
| | | dataStandard (val, oldVal) { |
| | | this.dataStandard = val |
| | | } |
| | | }, |
| | | props: { |
| | | dataStandard: { |
| | | type: Array, |
| | |
| | | .animation { |
| | | .information { |
| | | .grid-content { |
| | | padding: 0.02rem; |
| | | background-color: #2e4967; |
| | | padding: 0.03rem 0.08rem 0.03rem 0.08rem; |
| | | text-align: center; |
| | | border-radius: 0.02rem; |
| | | line-height: 0.15rem; |
| | | margin: 0 0.05rem; |
| | | margin: 0 0.03rem; |
| | | box-shadow: 0 0 10px rgba(129,211,248,.35) inset; |
| | | } |
| | | } |
| | | } |