微信小程序-天氣查詢


使用了和風天氣的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;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM