使用了和風天氣的API。
這個小程序大致想法是這樣的:
導航欄有三個list,今日天氣,生活指數,天氣預報。在今日天氣里面可以選擇地址(全局變量),其他頁面都要使用到這個地址,每次地址改變,都必須刷新。再通過API返回數據,顯示到頁面上。
首頁(今日天氣)就是這樣:
里面的數據都是API返回的,都是隨着地址改變而改變的。
然后生活指數:
這里頂上的地址是會跟着選擇器選的值改變的。
天氣預報:
首先解決全局變量的問題:
1.在app.js文件中globalDate中添加全局變量:region。(規定成'北京市', '北京市', '東城區')
2.在每一個需要使用全局變量的頁面,比如今日天氣頁面,都要獲取,修改,再返回修改后的值供其他頁面調用:
在.js文件中:
var app = getApp();
Page({
data:{
setregion: ' '
}
changeRegion: function (e) {
this.setData({
setregion: e.detail.value,
}),
//每改變一次地址就更新一次全局region的值
app.globalData.region=e.detail.value;
},
onShow: function () {
this.setData({
setregion: app.globalData.region
})
},
先獲取:
先var一個app,用setregion來表示我們獲取到的全局變量。因為地址選擇器每改變一次就要調用一次(用地址選擇器改變的值是寫在setregion里的,通過changeregion。),所以寫在onshow里面。
再改變:changeregion是地址選擇器的函數,每改變一次都setdata回來放在setregion里面。
在每一個頁面下的js文件onshow里都setdata一次,這樣globalDate就和地址選擇器關聯在一起了。每一次改變都會刷新。
3.再用API傳值,返回參數。

記一點:如果超過了就用省六號代替。不然就會頂到下一行去:當然這個需要先設置一個寬度,再使用
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;