1.生成二维码 生成二维码使用的插件: Meet-UI 插件安装官网有很多方式,下面介绍我使用的一种方式 使用npm指令下载: npm i @uni-ui/code-ui -save 在 pages.json 里面配置如下 "easycom": { "^w-(.*)": "@uni-ui/code-ui/components/w-$1/index.vue"//二维码条形码的配置 }, 使用: 在…
本次开发遇见了一个问题就是this的指向问题 uni.login({ provider: 'weixin', success: function (res) { //此处this指向函数内部，并非全局this,获取不到全局data中定义的code this.code = res.code } }) //两种方法解决此问题 uni.login({ provider: 'weixin', succes…
1、uniapp要调用腾讯地图，首先要去 腾讯位置服务 上去创建应用绑定 添加key与你小程序appId绑定 2、登录 微信公众平台 ，完善小程序信息 3、开通位置权限（这个很重要）(wx.getLocation这个权限不好过审，可能需要多试几次) 4、在uniapp的manifest.json配置清单上配置appId，并选中小程序位置接口，然后打开源码视图，加上你在微信公众平台（上一步）开通的接…
本次消息推送只支持在线通知，离线通知需要通过厂商的服务器推送消息给手机通知系统，第三方的消息推送会被阻挡，最好的方式就是按照厂商的要求接入各个推送服务。庆幸的事情，这部分DCLOUD已经帮你做好了。你只需要注册下各个厂商的开发平台，按到appid和secret登录dcloud后台即可。 1.到Dcloud后台手动测试下发 2.获取app相关基本信息，用于后续程序调用 3.app客户端需要获取cli…
uniapp尺寸单位 uni-app 支持的通用 css 单位 包括 px、rpx px即屏幕像素 rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx实际显示效果会等比放大，但在APP端和H5端屏幕宽度达到960px时，默认按照 375px 的屏幕宽度进行计算，具体配置参考： rpx计算配置 。 rpx计算配置 uni-app…
前言： 简单的手写签名 参考 https://www.auiaa.com/fron/uni/2019-03-17/103.html 的例子，进行了修改 主要代码 @touchcancel='cancel' @longtap='tap' disable-scroll='true' @error='error'> 重签 完成签名 var content = null; var touchs = …
那废话不多说，开始今天的教程，我会在尾部添加全部代码，如果你懒的自己写，可以复制我的代码，但是里面的一些数据你需要更换，我会标注出来 1.获取微信信息（我的写法是自动获取，而不需要点击触发事件获取）。 直接上图： 第二步： 第三步 这样进入页面后就会出现这样的选择框 ，点击允许 就会获得你想要的信息，如下图： 拿取你想要的信息 保存在本地中 在你用到的页面再取出来就行了 2. 获取手机号 1.获取…
uni-popup 是 uni-app 提供的一个组件，它可以用来弹出一个浮层，覆盖在其他内容之上。如果你想使用 uni-popup 遮挡住 uni-app 自带的 tabbar，你可以这样做： 在 uni-app 的根目录下新建一个文件夹，名为 components，然后在 components 文件夹中新建一个组件，名为 uni-popup。 在 uni-popup 组件中，使用 v-if 指…
uniapp使用高德的离线地图 需求分析：使用uniapp开发原生android和ios，要做一个离线地图的操作，无网的情况下能正常查看地图，只是前期的demo演示，不做特别详细的说明 使用高德地图 相关的配置和申请去官网就可以（不想细说） 使用openlayer 使用原生sdk封装高德的离线地图在uniapp中用 第一种：使用openlayer加载离线瓦片 瓦片需要自己去下载 ol.css和ol…
根据业务需求，有时我们需要针对不同角色展示不同的菜单，uniapp默认的菜单配置就不适用了，但是我们可以自己自定义配置菜单栏 步骤如下： 1、page.json问价去掉默认的tabBar配置项； 2、在component目录下，新建一个tabBar.vue组件,这个组件里就是配置动态的底部菜单栏 tabBar.vue代码参考: <template> <view class="un…