微信小程序框架分析小练手（二）——天气微信小程序制做

简单的天气微信小程序。

1、首先，打开微信开发者工具，新建一个项目：weather。以下图：

 

 

2、进入app.json中，修改导航栏标题为“贵州天气网”。

 

 

3、进入index.wxml，进行当每天气状况的界面布局，包括温度、最低温度和最高温度、天气状况、城市、星期、风向状况。以下图：

 

 

4、进入index.js，在data里提供天气数据，让这些数据在界面里显示出来：

 

 

5、进入index.wxml，将data里提供的天气数据绑定到页面里：

 

 界面效果以下：

 

 6、进入index.wxss，为index.wxml添加样式，美化界面：

 

 

 

 至此，就简单地把数据绑定到页面中，并添加样式后显示出来：