更新记录
1.1(2020-09-29)
下载此版本
修复微信小程序不显示折线图问题
1.0(2020-08-11)
下载此版本
1、提交天气预报多天预报模版,相关模块
2、传入参数必须为7天日期,目前没有做自适应,用户可以自行修改
平台兼容性
HbuilderX/cli最低兼容版本 |
2.6.3 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
插件使用方法
1、 在需要的页面引入该插件
<view class="content">
<mckou-weather :weatherData="weatherData" ref="mckouWeather"></mckou-weather>
</view>
import mckouWeather from '@/components/mckou-weather/mckouWeather.vue';
2、 在当需要引入的页面定义天气数据 格式如下
weatherData: [{
dayWeek: "周二",
dayLabel: "8/11",
weatherLabel: "阴",
weatherIcon: "http://file.powerecs.com/fileserver/fileserver/icon1.png",
max: 34,
min: 27,
wind: "西南风",
air: "良"
}, {
dayWeek: "周三",
dayLabel: "8/12",
weatherLabel: "阴",
weatherIcon: "http://file.powerecs.com/fileserver/fileserver/icon1.png",
max: 34,
min: 27,
wind: "西南风",
air: "良"
},
...(此处省略5天数据)]
3、 在需要引入的页面调用天气初始化方法
onLoad() {
var that = this;
that.$nextTick(() => {
that.$refs.mckouWeather.init();
});
}