小程序说了那么多,下面来做一个案例:天气的小程序!!!

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

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

接下来,进入index.wxml,去布局:温度、最高温,最低温、天气情况、星期几、城市、风行的情况,代码如下:
学习小程序3
进入index.js,在data里提供天气的数据,让这些数据显示出来:
学习小程序3
再进入index.wxml,将data数据绑定到天气的页面上,代码:
学习小程序3
会显示出一个页面,也快要完成了:学习小程序3

最后是一个页面的美化效果,在index.wxss添加样式,代码:
学习小程序3
学习小程序3
这样就完成了,效果如下:学习小程序3

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

相关文章:

  • 2021-06-25
  • 2021-04-08
  • 2021-10-01
  • 2021-11-08
  • 2021-07-16
  • 2021-12-22
  • 2021-12-03
  • 2021-05-13
猜你喜欢
  • 2021-10-21
  • 2021-04-15
  • 2022-01-08
  • 2021-05-28
  • 2022-02-07
  • 2021-06-27
  • 2021-08-04
相关资源
相似解决方案