風の天気APIを使用して、私にとって最も難しい部分は、セットアップおよびグローバル変数を使用する方法です。
この小さなプログラムのアイデアは大体これです:
3つのナビゲーションバーのリスト、今日の天気、生活指標、天気予報があります。あなたは、他のページには、このアドレスを使用する必要があり、アドレスの変更をリフレッシュする必要がありますたびに、アドレス(グローバル変数)今日の天気の内側を選択することができます。戻るデータAPI、ページ上に表示。
ホーム(今日の天気は)これです:
APIデータ内のすべての住所変更の変更と、返されます。
そして、生活インデックス:
ここでアドレスの上部には、選択セレクタの値の変化が続くされています。
天気予報:
まず、グローバル変数の問題を解決します:
app.jsファイル内のグローバル変数globalDateを追加します。1.:地域を。(「北京」、「北京「東城」として定義されます)
2.そのような今日の天気ページとしてグローバル変数を使用するには、各ページの必要性では、あなたは、取得、変更、他のページのコールの戻り値を修正する必要があります。
.jsファイルには:
VARアプリ= getApp()。
ページ({
データ:{
setregion: ''
}
changeRegion:関数(E){
this.setData({
setregion:e.detail.value、
})、
あなたがグローバルな地域の値を変更するたびに更新されます//アドレス
app.globalData.region = e.detail.value。
}、
onShow:関数(){
this.setData({
setregion:app.globalData.region
})
}、
取得するには:
setregionとVarの最初のアプリは、グローバル変数を得るために私達を表現します。いったん呼び出されると、各セレクタのアドレスが変更される(アドレスセレクタの値の変化をchangeregionによってでsetregionで書かれている。)ので、そこでonshow内部のライト。
次に変更:changeregionアドレスセレクタ関数はにsetData setregionバック内部に置かれるたびに変更されます。
onshow各下のjsファイルではどこのsetDataなどglobalDateアドレスセレクタ仲間に一度一緒にページを持っています。すべての変更が更新されます。
3. APIはその後、リターンパラメータの値を渡します。とても幸せな書き込みCSSコード、
一つのことを覚えている:それはVIが州によって置き換えられ超えた場合。コースの幅を設定する必要があり、その後、使用:それ以外の場合は、先頭に次の行に移動します
オーバーフロー:隠されました;
テキストオーバーフロー:省略記号。
ホワイトスペース:NOWRAP。