微信小程序 天气预报开发实例代码源码(2)

说明:在这里用到了微信的一些组件,如:view:视图容器;block:不会在页面上留下任何东西,循环时使用这个不会增加额外的标签;template:引用模板;import:导入模板信息,只有导入后才能引用;{{}}:引用数据;wx:for:循环。

模板文件

模板文件其实就是wxml文件

<template> <view> <view>{{city}}</view> <view>{{curWd.date}} {{curWd.week}}</view> <view>{{curWd.curTemp}}</view> <view>{{curWd.type}} {{curWd.lowtemp}}/{{curWd.hightemp}}</view> <view>{{curWd.wd}}</view> </view> </template>

注意:关于模板的描述可以参考官方文档 模板 和 引用 。

源码下载:(jb51.net).rar

另外,本站在线工具小程序上有一款天气查询工具,工具中还添加了城市选择切换的功能,感兴趣的朋友可以扫描如下小程序码查看:

微信小程序 天气预报开发实例代码源码

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwdwsx.html