天气查询 —— UNI-APP试水

最新推荐文章于 2025-03-20 16:37:15 发布

kikpin

最新推荐文章于 2025-03-20 16:37:15 发布

阅读量1.4k

点赞数 1

分类专栏： uni-app 移动端 Vue 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/qq_36484899/article/details/94362979

版权

本文记录了使用uni-app开发天气查询应用的过程，包括移动端和PC端的实现细节，如地理定位、地图API的选用、CSS样式适配、页面跳转以及HTTPS服务器的部署需求。还分享了在实现过程中遇到的权限问题、跨域问题以及解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一条关于uni-app的试水demo记录

- - - 随笔
    - demo纪实

练习uni-app制作天气预报(顺带地图)小demo的毫无章法的随笔流水账记录；
移动端演示地址：https://www.kikpin.com/h5about/ <=手机务必开启定位服务、浏览器位置服务；（不支持PC端）
PC端演示地址：地址（通过控制台“移动端模式”服用，效果更佳）<=(PC浏览器需要安装“Access-Control-Allow-Origin：*”插件，解决跨域问题)

随笔

pages(启动页)、globalSytle全局样式(状态栏、背景、mp-ali标题栏)、tabBar配置在pages.json；
getLocation权限申明在manifest.json：例如mp-weixin，发布打包需appid，深度定制工具HBuilderX傻瓜式操作；

    "mp-weixin" : {
   
        "appid" : "",
        "permission" : {
   
            "scope.userLocation" : {
   
                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
            }
        }
    }