微信小程序框架分析小练手——天气微信小程序制作
Posted milkosilver
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序框架分析小练手——天气微信小程序制作相关的知识，希望对你有一定的参考价值。
简单的天气微信小程序。
一、首先，打开微信开发者工具，新建一个项目：weather。如下图：
二、进入app.json中，修改导航栏标题为“贵州天气网”。
三、进入index.wxml，进行当天天气情况的界面布局，包括温度、最低温度和最高温度、天气情况、城市、星期、风向情况。如下图：
四、进入index.js，在data里提供天气数据，让这些数据在界面里显示出来：
五、进入index.wxml，将data里提供的天气数据绑定到页面里：
界面效果如下：
六、进入index.wxss，为index.wxml添加样式，美化界面：
至此，就简单地把数据绑定到页面中，并添加样式后显示出来：
以上是关于微信小程序框架分析小练手——天气微信小程序制作的主要内容，如果未能解决你的问题，请参考以下文章