草庐IT

uniapp/微信小程序 登录以及用户信息获取功能相关问题 uni.login() uni.getUserinfo()

一、小程序登录接口相关wx.login()/uni.login()小程序登录的这套流程说难不难,说简单却着实让人搞了很久才渐渐明白,刚参加工作时总会遇到相关的问题摸不着头脑,查各种文档,发现看了很多不同的解决方法,不知道那个正确一个个去实验,而且自己做出来的东西总是让自己觉得不满意。经过一系列的摸索之后才逐渐明白,原来不是因为自己没搞明白,而是由于上度娘看到的很多资料各不统一有可能是由于wx小程序本身对于接口的规则调整而导致的不同。下面就大致总结一下,具体该如何做吧,为了记录一下流程,就从头说起吧(当然我也是个小白,就大致表述一下自己的理解,欢迎大家指正,千万别怼我,脸皮薄)1、小程序登录流程

uni-app 返回上一个页面并传递参数(微信小程序)

uni-app返回上一个页面并传递参数(微信小程序)方法一://第一个页面onShow(){ letthat=this uni.$on('getuser',function(data){ console.log('监听到事件来自返回的参数:',data); })},//第二个页面methods:{ confirm(e){ letuserinfo={ avatarUrl:"123456", nickName:'Function' } uni.$emit('getuser',userinfo) uni.navigateBack() }}方法一问题:会记住每次返回.并在下次获取参数

uni-app 返回上一个页面并传递参数(微信小程序)

uni-app返回上一个页面并传递参数(微信小程序)方法一://第一个页面onShow(){ letthat=this uni.$on('getuser',function(data){ console.log('监听到事件来自返回的参数:',data); })},//第二个页面methods:{ confirm(e){ letuserinfo={ avatarUrl:"123456", nickName:'Function' } uni.$emit('getuser',userinfo) uni.navigateBack() }}方法一问题:会记住每次返回.并在下次获取参数

【uniapp】在微信小程序中修改uni-ui组件样式不生效的解决方案

在使用uniapp框架开发微信小程序时,使用到了uni-ui的uni-table组件。由于需要修改表头的背景色,于是乎在微信开发工具中使用调试工具审查元素获取其class名:尝试直接在页面中修改样式:.uni-table-th{ background-color:#ddd;}结果无效。于是尝试使用深度选择器::v-deep.uni-table-th{ background-color:#ddd;}依然无效。然后查询微信平台官方开发文档得知,微信中的组件存在组件样式隔离,即自定义组件的样式只受到自定义组件wxss的影响。此时如果想在其它页面影响到该组件的样式,需要在施加影响的组件中加入选项:op

【uniapp】在微信小程序中修改uni-ui组件样式不生效的解决方案

在使用uniapp框架开发微信小程序时,使用到了uni-ui的uni-table组件。由于需要修改表头的背景色,于是乎在微信开发工具中使用调试工具审查元素获取其class名:尝试直接在页面中修改样式:.uni-table-th{ background-color:#ddd;}结果无效。于是尝试使用深度选择器::v-deep.uni-table-th{ background-color:#ddd;}依然无效。然后查询微信平台官方开发文档得知,微信中的组件存在组件样式隔离,即自定义组件的样式只受到自定义组件wxss的影响。此时如果想在其它页面影响到该组件的样式,需要在施加影响的组件中加入选项:op

在uni-app的app项目中使用live-pusher实现人脸识别

在uni-app的app项目中使用live-pusher实现人脸识别前言一、环境二、使用步骤三、permission.js源代码四、face.vue源代码五、代码效果总结前言在uni-app项目中实现人脸识别,既使用uni-app中的live-pusher开启摄像头,创建直播推流。通过快照截取和压缩图片,以base64格式发往后端。一、环境操作系统:win10开发工具:HBuiderX3.6.4模拟器:mumu模拟器二、使用步骤新建util文件夹,将permission.js放到util文件中,将face.vue放入需要运行的文件中。运行代码打印出人脸图片的base64信息。然后就可以将信息传

在uni-app的app项目中使用live-pusher实现人脸识别

在uni-app的app项目中使用live-pusher实现人脸识别前言一、环境二、使用步骤三、permission.js源代码四、face.vue源代码五、代码效果总结前言在uni-app项目中实现人脸识别,既使用uni-app中的live-pusher开启摄像头,创建直播推流。通过快照截取和压缩图片,以base64格式发往后端。一、环境操作系统:win10开发工具:HBuiderX3.6.4模拟器:mumu模拟器二、使用步骤新建util文件夹,将permission.js放到util文件中,将face.vue放入需要运行的文件中。运行代码打印出人脸图片的base64信息。然后就可以将信息传

uni-app - 头像图片裁剪组件(支持多种裁剪,手势控制旋转或缩放、内外部控制图片移动、提供上传后端接口方案、头像图片美化)全端完美兼容 H5 App 小程序,最好用的图片上传后裁剪插件教程源代码

前言网上的教程代码非常乱且都有BUG存在,非常难移植到自己的项目中,而且很难。实现了完美兼容H5App小程序,选取手机本地相册或拍照,图片上传裁切内置多种方案,样式随便改,本文代码干净整洁注释详细,您一键复制源码后参照示例几分钟就能完事,如下图真机测试(画质不太好),最后组件会给您返回base64、临时地址、Blob/File对象,轻松对接后端接口:没有任何乱七八糟的样式和逻辑(只包含基础功能),让您改造起来轻而易举组件源码组件文件位置无所谓,最后确保正确引入即可。在项目components文件夹下,新建cropping文件夹,然后再里面新建一个cropping.vue文件,一键复制以下代码。

uni-app - 头像图片裁剪组件(支持多种裁剪,手势控制旋转或缩放、内外部控制图片移动、提供上传后端接口方案、头像图片美化)全端完美兼容 H5 App 小程序,最好用的图片上传后裁剪插件教程源代码

前言网上的教程代码非常乱且都有BUG存在,非常难移植到自己的项目中,而且很难。实现了完美兼容H5App小程序,选取手机本地相册或拍照,图片上传裁切内置多种方案,样式随便改,本文代码干净整洁注释详细,您一键复制源码后参照示例几分钟就能完事,如下图真机测试(画质不太好),最后组件会给您返回base64、临时地址、Blob/File对象,轻松对接后端接口:没有任何乱七八糟的样式和逻辑(只包含基础功能),让您改造起来轻而易举组件源码组件文件位置无所谓,最后确保正确引入即可。在项目components文件夹下,新建cropping文件夹,然后再里面新建一个cropping.vue文件,一键复制以下代码。

uni-app微信小程序结合腾讯地图获取定位导航以及城市选择器

目录第一步:登录小程序公众平台==>设置==>第三方设置 第二步:登录腾讯地图申请属于自己小程序的key 第三步:找到腾讯地图的插件​​​​​​​ 第四步:添加插件与允许授权 第五步:使用第一步:登录小程序公众平台==>设置==>第三方设置  第二步:登录腾讯地图申请属于自己小程序的key 腾讯地图后台:https://lbs.qq.com/dev/console/application/mine  添加key,授权使用的小程序appId 第三步:找到腾讯地图的插件 插件文档:https://lbs.qq.com/miniProgram/plugin/pluginGuide/pluginOve