微信小程序案例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"}
}