uniapp使用的入坑笔记及demo

入库uniapp写了小示例

使用uniapp写了一示例，记录一下，方便后面遇到问题反过来查找

demo仓库在这里 , 先来一个截图

组件库引入

任何前端开发，没有开源的组件库来支持开发，也能做出想要的效果，不过效率及稳定性上来说，可能比不上组件库。
uniapp 组件库使用包含三部分：基础组件库、扩展库(uni-ui)、其他库。引入方式官方都有相应的教程。

基础库

这没什么好说的，最基础的控件，都在 这里能找到 使用时直接可以引用，最简单的

<button>0990</button>

扩展库(uni-ui)

相当于使用react时，引入的antd库，只不过它是官方出品，兼容和稳定性应该会优于其他库

其他库

这个就相当于npm中，需要使用到其他的包，直接通过npm install / yarn add 命令安装

程序入口

有些程序只需要一个页面就可以完成功能，这个最简单，在/pages.json 文件 pages属性中直接定义第一个对象就行；有些时间需要在底部多个tabBar，这个是需要在pages.json中tarBar属性中定义
这里只有一小点需要记录：
tarBar中第一个元素的pagePath需要和pages中元素的path一致，不然tarBar中元素显示不出来。程序会优先显示pages中配置的第一个元素path对应的页面。

问题记录

• app中地图层高于其他层级
  这个问题官方也说了，原生组件层级会高于非原生的，地图与另一个view元素是兄弟元素，只是兄弟元素position:sticky， 会出以下问题
• 模拟器中引用地图，会出现地图加载不出来的情况
  这个情况可能有点特殊，问过一些朋友都没有遇到过。
  高德地图官方说，这有可能是模拟器没有调用GPU 硬件加速引起的，但是折腾了一些时间，还给uniapp那边的维护人员提了工单，暂时还没解决

问题如下图（模拟器中截图）