当前位置: 首页 > ds >正文

微信小程序——世界天气小助手

哈喽,大家好!

最近小编开发了一个简单的微信小程序——世界天气小助手,希望大家喜欢。

No.1:

为大家介绍下开发者工具下的页面结构。一共有三个界面{主页、搜索页、详情页}

在这里插入图片描述

No.2:

具体页面展示:当前页面是主页,由于新版微信开发者工具技术更新迭代太快,这是代码修改后的样式。

在这里插入图片描述

这里关键的地方是wx.getLocation API的调用。老版的开发者工具可以使用,这里需要添加代码才能使用定位功能!(其他项目也可以借鉴哦),否则,各位开发者或许会出现下图的样式。
"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}},"requiredPrivateInfos" : [ "getLocation" ]

在这里插入图片描述

 下图4所示,不同时间点可以进行滑动,观察每个时间点的具体天气图标。

在这里插入图片描述

点击加号,进入城市搜索界面。坐标图标显示的是当前开发人员所在的地理位置。本页面有【我的城市】、【热门城市】功能选择。

在这里插入图片描述

搜索【北京】,则出来一系列的具体详细区域名。

在这里插入图片描述

切换到【北京】的天气主页面。

在这里插入图片描述

点击【温度】数字栏,便可进入本地区的天气详情界面啦。如图8,图9。

图8

图9

点击底端,根据显示的天气指数,给用户提供合理的建议。

图10

视频演示:

test1

关注小编,后期更新更多精彩内容!

http://www.xdnf.cn/news/15891.html

相关文章:

  • 【EMC设计基础--信号环路分析、PCB设计规则】
  • VSCode - VSCode 查找中文字符
  • LVS工作模式和算法的总结
  • 【RK3576】【Android14】SDK源码编译
  • 前端 SSE 实战应用:用最简单的方式实现实时推送
  • Android CountDownTimer
  • 深入理解Linux文件I/O:系统调用与标志位应用
  • 机器学习17-Mamba
  • c++继承详解
  • 【Leecode 随笔】
  • 使用python的读取xml文件,简单的处理成元组数组
  • 【时时三省】(C语言基础)通过指针引用字符串
  • PyCharm 高效入门指南(核心模块详解二)
  • stm32f4 dma的一些问题
  • API和SDK有何区别??
  • 跨平台猫咪键盘桌宠BongoCat v0.6.2 绿色版(附带多款皮肤包)
  • SDIO协商,枚举,CMD等概念
  • [特殊字符] Spring Boot 常用注解全解析:20 个高频注解 + 使用场景实例
  • 前端篇——番外篇 Bootstrap框架
  • (笔记+作业)第五期书生大模型实战营---L2G2000 GraphGen:训练数据合成实践
  • 前端之CSS
  • LP-MSPM0G3507学习--04GPIO控制
  • 磁悬浮转子不平衡质量的高精度控制:从原理到实战
  • 一文讲清楚React的render优化,包括shouldComponentUpdate、PureComponent和memo
  • Android音视频探索之旅 | Webrtc 1对1音视频通话核心流程分析
  • 借助AI学习开源代码git0.7之三git-init-db
  • YOLO演变史(一)
  • CSS样式中的布局、字体、响应式布局
  • CMakeLists.txt 配置文件
  • 非线性优化相关库笔记