学习小程序3

小程序说了那么多，下面来做一个案例：天气的小程序！！！

天气微信小程序用来显示天气的温度、最低温度、最高的温度以及天气的情况，下面通过数据绑定来显示天气的情况，下面是我做好的一个：

首先，创建一个Appid的weather的项目，如图：
进入index.wxml、index.js、index.wxss文件，清空所有的内容，就入App.json页面，去修改导航栏标题为;中国天气网。

接下来，进入index.wxml,去布局：温度、最高温，最低温、天气情况、星期几、城市、风行的情况，代码如下：

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

再进入index.wxml，将data数据绑定到天气的页面上，代码：

会显示出一个页面，也快要完成了：

最后是一个页面的美化效果，在index.wxss添加样式，代码：


这样就完成了，效果如下：

如果有什么不懂的，可以联系我QQ：2430873348 微信;zj2430873348,及时帮助你解决问题！