练习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" : "你的位置信息将用于小程序位置接口的效果展示"
}
}
}
-
全局CSS在
app.vue
里<style>
写入或引入外部样式表@import "./url"
;其他.vue
文件样式作用局部,不需scoped
; -
地图
- 组件引擎:H