uniapp
uniapp
云南吴小黑
这个作者很懒,什么都没留下…
展开
-
SM2 国密加密加签操作工具
pom引入依bouncycastle赖注意:bouncycastle版本过低会出现报错(我之前报错的的版本号1.60,修改后使用的1.68)<dependency> <groupId>org.bouncycastle</groupId> <artifactId>bcprov-ext-jdk15to18</artifactId> <version>1.68</version></depe.原创 2022-05-23 09:49:54 · 8038 阅读 · 0 评论 -
微信H5拉起(跳转)微信小程序
main.js配置忽略wx-open-launch-weappVue.config.ignoredElements = ['wx-open-launch-weapp'];template<template> <view class="index-wrapper"> <view class="wrapper"> <view class="">点击下面按钮跳转</view> <wx-open-launch-wea.原创 2022-05-13 10:56:18 · 2079 阅读 · 0 评论 -
uniapp 自定义弹框
实现:通过v-if(v-show)控制弹窗的显示与隐藏界面代码<template> <view class="coupon-wrapper"> <text class="coupon-desc" @tap="viewVouponCode">点击查看券号</text> <view class="coupon-voucher-code-popup" v-if="showVoucherCode"> <view class="原创 2022-04-26 17:39:57 · 3388 阅读 · 1 评论 -
微信网页授权,解决REDIRECT_URL携带#号,微信返回时临时code等参数拼接在URL中间,而不是最后面
微信授权获取临时code的URLhttps://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=012#wechat_redirect授权逻辑代码通过window.history.pushState({}, 0, jumpURL)解决问题=,其中jumpU.原创 2022-04-12 09:30:57 · 6495 阅读 · 0 评论 -
微信小程序(uniapp)获取用户位置信息及选择位置
1. 开发前准备注册微信小程序账号并配置相关信息;注册腾讯地图开放平台并完成应用创建等;下载qqmap-wx-jssdk.min.js放到项目中;2. 获取用户当前位置wx.getLocation// #ifdef MP-WEIXINthis.initLocationInfoMP();// #endif//初始化位置initLocationInfoMP() { const _this = this; wx.getLocation({ //type: 'gcj02', //wg原创 2022-03-23 20:35:57 · 2373 阅读 · 1 评论 -
微信查询元素信息时boundingClientRect()和exec()区别
参考代码//代码1const query = wx.createSelectorQuery(); query.select('#id').boundingClientRect(res => { console.log('元素', res);}).exec();//代码2const query = wx.createSelectorQuery();query.select('#id').boundingClientRect().exec(resList => { cons.原创 2022-03-04 10:19:30 · 1638 阅读 · 0 评论 -
uniapp 组件封装-图片选择
在目录components下创建文件夹image目录,在image目录下创建index.vue文件,代码如下:<template name="avatar"> <view> <image :src="imgSrc.imgSrc" @tap="fSelect" :style="[imgStyle]" class="my-avatar" ></image> <canvas canvas-id="avatar-.原创 2021-09-29 11:26:08 · 394 阅读 · 0 评论 -
uniapp银行卡卡片
组件bank-item.vue<template> <view class="bank-item" :style="bankThem"> <!-- #ifndef MP-WEIXIN --> <canvas v-if="showCanvas" class="bank-icon" :id="uuid" :canvas-id="uuid" /> <!-- #endif --> <!-- #ifdef MP-WEIXIN --&原创 2021-09-27 09:27:32 · 1779 阅读 · 0 评论 -
微信公众号(H5)授权登录
拿到临时code获取临时CODE网址:https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=012#wechat_redirect【实现代码如下】://helper.getURLParams解析URL的参数,获取临时codelet paramsO.原创 2021-08-12 10:39:21 · 1132 阅读 · 0 评论 -
微信小程序授权登录
前端调用wx.login()(uniapp调用uni.login())拿到临时code【代码实现如下】:uni.login({ success: res => { //res.code即为临时code if (!res.code) { uni.showToast('none', '初始化微信授权失败'); return; } //进行下一步... }});把临时code传到后台获取openId和sessionKey【代码实现如下】:Map<.原创 2021-08-12 11:00:55 · 114 阅读 · 0 评论 -
腾讯地图取点(切换位置)
直接点击取点进去chooseLocation() { const _this = this; wx.getSetting({ success(res) { if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) { uni.showModal({ title: '位置授权', content:.原创 2021-08-12 11:24:11 · 764 阅读 · 0 评论 -
调用腾讯地图获取位置信息
1.调用wx.getLocation()获取用户授权【实现代码如下】:wx.getLocation({ //type: 'gcj02', //wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标 success: res => { console.log('获取位置信息成功======>'); //res.longitude为纬度, res.longitude为经度 // 通过申请的key生成wxMap实例 let map原创 2021-08-12 11:13:55 · 825 阅读 · 0 评论