|
@@ -3,14 +3,14 @@
|
|
|
<div class="weather">
|
|
|
<div class="weather-info">
|
|
|
<span class="svg-icon">
|
|
|
- <svg-icon class="weather-icon" svgid="svg-duoyun" />
|
|
|
+ <svg-icon class="weather-icon" :svgid="'svg-' + sourceMap.tqtp" />
|
|
|
</span>
|
|
|
<div>
|
|
|
- <div class="temperature">{{ temperature }} °</div>
|
|
|
+ <div class="temperature">{{ sourceMap.wd }} °</div>
|
|
|
<div class="other">
|
|
|
- <span>{{ weather }}</span>
|
|
|
- <span>{{ windDirection }}</span>
|
|
|
- <span>{{ windSpeed }}</span>
|
|
|
+ <span>{{ sourceMap.tqmc }}</span>
|
|
|
+ <span>{{ sourceMap.fx }}</span>
|
|
|
+ <span>{{ sourceMap.fs }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -20,21 +20,21 @@
|
|
|
<div class="svg-icon svg-icon-sm svg-icon-green other-icon">
|
|
|
<svg-icon svgid="svg-能见度" />
|
|
|
</div>
|
|
|
- <div class="value">{{ visibility }}</div>
|
|
|
+ <div class="value">{{ sourceMap.qxd }}</div>
|
|
|
<div class="text">能见度</div>
|
|
|
</Col>
|
|
|
<Col>
|
|
|
<div class="svg-icon svg-icon-sm svg-icon-green other-icon">
|
|
|
<svg-icon svgid="svg-湿度" />
|
|
|
</div>
|
|
|
- <div class="value">{{ humidity }}</div>
|
|
|
+ <div class="value">{{ sourceMap.sd }}</div>
|
|
|
<div class="text">湿度</div>
|
|
|
</Col>
|
|
|
<Col>
|
|
|
<div class="svg-icon svg-icon-sm svg-icon-green other-icon">
|
|
|
<svg-icon svgid="svg-气压" />
|
|
|
</div>
|
|
|
- <div class="value">{{ pressure }}</div>
|
|
|
+ <div class="value">{{ sourceMap.dqyl }}kPa</div>
|
|
|
<div class="text">气压</div>
|
|
|
</Col>
|
|
|
<Col>
|
|
@@ -63,9 +63,16 @@ import SvgIcon from "../../../components/coms/icon/svg-icon.vue";
|
|
|
|
|
|
export default {
|
|
|
components: { Row, Col, SvgIcon },
|
|
|
+ props:{
|
|
|
+ data:{
|
|
|
+ type:Object,
|
|
|
+ default:() => { }
|
|
|
+ }
|
|
|
+ },
|
|
|
// 数据自己获取天气情况
|
|
|
data() {
|
|
|
return {
|
|
|
+ sourceMap:{},
|
|
|
weather: "阴", // 气象
|
|
|
temperature: "11", // 温度
|
|
|
windDirection: "北风", // 风向
|
|
@@ -77,6 +84,16 @@ export default {
|
|
|
sunset: "18:50", // 日落
|
|
|
};
|
|
|
},
|
|
|
+
|
|
|
+ mounted(){
|
|
|
+ this.sourceMap=this.data;
|
|
|
+ },
|
|
|
+
|
|
|
+ watch:{
|
|
|
+ data(res){
|
|
|
+ this.sourceMap=res;
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|