微信小程序案例2——天气微信小程序（学会绑定数据）
文章目录
- 一、项目步骤
-
-
- 1 创建一个weather项目
- 2 进入index.wxml、index.js、index.wxss文件，清空所有内容，进入App.json，修改导航栏标题为“中国天气网”。
- 3进入index.wxml，进行当天天气情况的界面布局，包括温度、最低温、最高温、天气情况、城市、星期、风行情况，代码如下。
- 4进入index.js，在data里提供天气的数据，让这些数据在界面里显示出来，代码如下。
- 5进入index.wxml，将data里提供的天气数据绑定到页面里，代码如下。
- 6进入index.wxss，将index.wxml添加样式，美化页面，代码如下。
- 效果
-
- 讲解
-
- 1 WXML 数据绑定
一、项目步骤
1 创建一个weather项目
2 进入index.wxml、index.js、index.wxss文件，清空所有内容，进入App.json，修改导航栏标题为“中国天气网”。
app.json
{
"pages":[
"pages/index/index"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "中国天气网",
"navigationBarTextStyle":"black"
}
}