微信项目
羽筠
这个作者很懒,什么都没留下…
展开
-
uniapp picker 多列选择器用法
uniapp picker 多列选择器联动筛选器交互处理方法,uniapp 多列选择器 mode="multiSelector" 数据及筛选联动交互处理,通过接口获取数据,根据用户选择当前列选项设置子列数据,实现三级联动效果,本示例中处理了三级无数据时则从数据中删除,处理三级后二级无数据时则亦从数据中删除,删除的数据最终不展示在筛选器中。原创 2024-04-17 11:07:50 · 3684 阅读 · 0 评论 -
uniapp中获取位置信息处理
处理逻辑:一、获取定位时,用户直接同意授权获取定位,得到位置信息; 第1步:获取用户当前的授权状态 => 第2步:判断是同意授权位置时 => 第3步:获取位置 二、获取定位时,用户拒绝授权获取定位的: 第1步:获取用户当前的授权状态 => 第2步:判断是未同意授权位置时,引导用户打开设置界面,重新选择授权功能 => 第3步:用户选择允许授权后 第4步:重新获取位置,得到位置信息 第3步:用户选择不允许授权后 第4步:可至第1步,继续重新获取位置 引用文件可复用的处理逻辑代码:引用文件:需要获取位置代码处执行原创 2024-02-28 17:55:00 · 3668 阅读 · 2 评论 -
小程序中web-view网页中打开或返回小程序页面
小程序中web-view网页中使用JSSDK提供的接口打开或返回小程序页面。1、引入 JSSDK 文件。2、判断是否在小程序环境。3、根据是否小程序环境,执行操作。原创 2023-05-22 11:32:50 · 2043 阅读 · 0 评论 -
根据微信返回的头像url选择所需尺寸图片
微信用户头像url,最后的数值代表正方形头像大小(有:0、46、64、96、132数值可选,0代表640*640正方形头像)用户没有头像时该项为空,若用户更换头像,原有头像URL将失效。var data = { nickname:'昵称', headimgurl:'http://wx.qlogo.cn/mmopen/zhK3MN44IcibtzxZibicddSyp4qVX3rTtfMZsXQwa5mArMmI4A44uJgQyevo9VhePyUbv6MwhsWTzrqttXsUdzJL0Lc原创 2022-01-13 17:45:18 · 1445 阅读 · 0 评论 -
防止用户调整微信浏览器字体大小导致的显示异常
防止用户调整微信浏览器字体大小导致的显示异常(加JS代码)// 下面这段代码,防止用户调整微信浏览器字体大小导致的显示异常(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) {原创 2021-09-29 11:09:17 · 312 阅读 · 0 评论 -
微信web中IOS系统手机摇一摇功能实现及问题解决
随着ios的系统升级,安全协议越来越严格,例如ios系统手机的运动和方向感控被限制了,必须得用户手动授权方可进行,前端为了要实现摇一摇功能,必须要具备以下思路。对于 IOS 13.3以后的版本处理,包括13.3 的判断处理。,即打开h5页面的链接开头必须是https://…2、摇一摇功能开启必须经过用户授权,必须。必须是https协议。原创 2021-01-15 12:19:21 · 2349 阅读 · 0 评论 -
微信webview中关闭浏览器-兼容安卓及苹果
/***微信webview中关闭浏览器-兼容安卓及苹果*/function CloseBrowser() { //判断谷歌火狐安卓和linux关闭当前页面及浏览器 var userAgent = navigator.userAgent; if (userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1) { WeixinJSBridge.call('closeWindow'); } else {..转载 2021-01-15 00:06:32 · 552 阅读 · 0 评论 -
小程序获取手机验证码倒计时
小程序获取手机验证码倒计时test:.wxss.bind_pop_input{ width: 450rpx; height: 80rpx; padding: 0 20rpx; margin: 0 auto 20rpx auto; border-radius: 40rpx; border: #ddd solid 1px; display: flex; justify-content: space-between; align-items: center;}.bind_pop_input i原创 2020-08-08 19:03:01 · 440 阅读 · 0 评论 -
小程序中,image显示不了data中base64格式数据解决方法
BASE64Encoder产生的base64串带换行的,在小程序里用需要自行替换res.data.img : 后台给到的base64格式图片处理方法一:let imgUrl = res.data.img;// imgUrl = imgUrl.substr(22);if(imgUrl.indexOf('base64,') != -1){ let imgUrlArr = imgUrl.split('base64,')//带有(data:image/png;base64,)完整路径,所以需要拆分原创 2020-08-08 15:43:43 · 4294 阅读 · 1 评论 -
微信小程序-转盘抽奖
微信小程序-转盘抽奖代码:lucky-draw.wxss:.lucky_draw_zp{ width: 502rpx; height: 502rpx; margin: 0 auto; position: relative;}.lucky_draw_zp_img , .lucky_draw_zp_btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}lucky-draw.wxml:<view cla原创 2020-07-29 15:36:47 · 16021 阅读 · 10 评论 -
微信小程序-收藏
.wxss样式代码swiper .wx-swiper-dots { width: 100%; padding-left: 20rpx; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}swiper .wx-swiper-dot { width: 10rpx;...原创 2019-12-10 14:14:25 · 1435 阅读 · 0 评论 -
微信小程序九宫格抽奖
做了一个微信小程序九宫格抽奖demo截图:代码如下:Luckydraw.js// pages/Luckydraw/Luckydraw.jslet timer;let cjIn = false;let cjChange = 0; //抽奖过程KEYPage({ /** * 页面的初始数据 */ data: { prizeList:[ {id:...原创 2019-07-08 17:35:04 · 3351 阅读 · 2 评论 -
微信小程序刮刮乐
网上找了个插件,scratch.js下载地址:https://github.com/FrontendMing/scratch-in-wx-miniprogram个人对scratch.js做了一些修改,设置清除面积达到一定值时(if (clearNum > .2) ),使刮卡刮干净,并触发(结果交互)方法;测试时 调试基础库(project.config.json 文件中参数:"lib...原创 2019-07-08 14:45:18 · 27358 阅读 · 2 评论 -
安卓手机微信浏览器中长按提示“在浏览器打开”解决方法
安卓手机在微信网页内长按时,如同鼠标右击事件,会触发微信浏览器的默认事件,弹出“在浏览器打开”的提示语只需在长按事件触发时,取消鼠标右键事件的默认动作即可document.oncontextmenu = function(e){ e.preventDefault();}...原创 2018-05-16 10:57:23 · 6404 阅读 · 0 评论 -
微信音频接口调用demo
前几天做一个录音送祝福的项目,事先做了一个demo,记录一下,方便日后需要时套上直接使用<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/&原创 2018-02-10 17:49:06 · 9342 阅读 · 10 评论