67 lines
1.4 KiB
Vue
67 lines
1.4 KiB
Vue
<template>
|
|
<div class="atmospheric-module">
|
|
<peak-secondary-title :title="title"/>
|
|
<div class="charts-info">
|
|
<changes-pollutants />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import PeakSecondaryTitle from "@/components/peak-coal-monitoring/PeakSecondaryTitle";
|
|
import ChangesPollutants from "@/components/peak-coal-monitoring/ChangesPollutants";
|
|
import PeakAirQuality from "@/components/peak-coal-monitoring/PeakAirQuality";
|
|
|
|
export default {
|
|
name: "AtmosphericModule",
|
|
components: {PeakAirQuality, ChangesPollutants, PeakSecondaryTitle},
|
|
data() {
|
|
return {
|
|
title: '本市空气质量',
|
|
}
|
|
},
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import "../../assets/styles/mixin";
|
|
|
|
.atmospheric-module {
|
|
height: 100%;
|
|
width: 100%;
|
|
.flex-column;
|
|
|
|
._tab {
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
height: 30px;
|
|
.flex-row;
|
|
|
|
.tab-item {
|
|
width: 50%;
|
|
height: 100%;
|
|
font-family: MicrosoftYaHei-Bold;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
text-align: center;
|
|
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.active-tab {
|
|
background: url("~/assets/peakCoalMonitoring/common/tab-active-bg.png") no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
|
|
.charts-info {
|
|
flex: 1;
|
|
height: 0;
|
|
}
|
|
}
|
|
</style>
|