小程序
叶落无痕123
好好学习天天向上
展开
-
微信小程序自定义弹窗,默认同意活动规则
微信小程序自定义弹窗,默认同意活动规则index.wxml<button class="show-btn" bindtap="showDialogBtn">弹窗</button><!--弹窗--><view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view><view clas转载 2022-05-24 17:37:16 · 837 阅读 · 0 评论 -
微信小程序模板消息实现(PHP+小程序)
参考官方文档和部分资料,总结小程序模板消息推送以及相关注意事项,楼主踩过的坑,特来与大家分享。一、开发准备:1. 在微信公众平台 - 小程序的模板中心申请消息模板二、实现原理:文档示例:小程序 + 接口(PHP)小程序部分:话不多说,先上效果图:示例代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 1...转载 2021-10-19 16:52:46 · 2581 阅读 · 0 评论 -
微信小程序getUserInfo无法获取用户信息
前言2021年4月13日后发布的小程序新版本,无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息。解决办法1. 使用wx.getUserProfile更换wx.getUserInfo官方示例2. 本人因为小程序使用太多wx.getUserInfo,更换起来太麻烦了,所以我选择使用wx.getUse转载 2021-08-30 13:57:21 · 7157 阅读 · 0 评论 -
微信开发者工具创建的插件报错-Unhandled promise rejection TypeError: WebAssembly Instantiation...
今天在微信开发者工具创建了一个新的小程序项目但是打开的时候出现了这样的bug让我觉得很摸不着头脑Unhandled promise rejection TypeError: WebAssembly Instantiation: Argument 0 must be a buffer source or a WebAssembly.Module object就很难受去了微信开发者社区问了一下原来是因为默认的调试基础库的版本太高了导致报错了一个简单的解决方案点击右上角详情按钮.转载 2021-08-13 17:26:26 · 1845 阅读 · 0 评论 -
微信小程序中调用wx.getSetting可以获取到哪些权限设置
摘要本文介绍微信小程序自带的wx.getSetting()方法,看看它可以获取哪些权限设置。如果这些权限设置是已同意、未设置、已拒绝,那我们又该如何处理呢?微信官方是这样讲的:wx.getSetting(Object object)可获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。说白了,它不会把所有的权限全部列出来,而只是记录一下之前哪些权限授权过,哪些权限拒绝过。那些既没授权也没有拒绝的权限呢,当然,就不出来在列表中了。看看下面这个例子:wx.getSettin.转载 2021-08-12 17:00:58 · 3743 阅读 · 0 评论 -
微信小程序中调用wx.getSetting可以获取到哪些权限设置
微信官方是这样讲的:wx.getSetting(Object object)可获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。wx.getSetting({ success (res) { console.log(res.authSetting) // res.authSetting = { // "scope.userInfo": true, // "scope.userLocation": true // } }})...转载 2021-08-12 16:55:34 · 4119 阅读 · 0 评论 -
小程序开发之 wx.getSetting 授权检测
wx.getSetting在 未拒绝 和 未同意 状态下 ,success: (res) => {} 的res.authSetting{}值是空的!在getUserInfo()后,点击拒绝后 wx.getSetting的fail:(res)=>{}触发,res.authSetting['scope.userInfo'] 的值是false ,表示scope.userInfo这个权限没有授权。在getUserInfo()后,点击同意后 wx.getSetting的success:(res..转载 2021-08-12 16:52:59 · 767 阅读 · 1 评论 -
微信小程序-微信支付退款(可直接使用)
//微信退款控制器<?phpnamespace app\pay\controller;/* * 小程序微信退款支付 */class Winxinrefund{ protected $SSLCERT_PATH = APP_PATH.'/pay/cert/apiclient_cert.pem';//证书路径 protected $SSLKEY_PATH = APP_PATH.'/pay/cert/apiclient_key.pem';//证书路径 protected $op.转载 2021-08-10 14:53:03 · 738 阅读 · 0 评论 -
微信小程序记录用户行为浏览记录和停留时间以及小程序全局分享
微信小程序记录用户行为浏览记录和停留时间以及小程序全局分享项目需求1、后台统计一个用户在我们小程序的每个页面的停留时间2,前台用户可以在个人中心看到自己的分享记录以及多少人查看需求分析需求一:想要记录用户在每个页面的停留时间,无非就是记录用户进来的时间和退出页面的时间,获取时间差。需求二:每个页面在分享的时候做记录(附带用户的唯一标识openid或者其他跟后端对接)我的分享例相信大家在看到这个需求之后都会有这样的思路,但是如果在每一个页面都这样操作重复代码太多,后期维护也过于麻烦,因此如果转载 2021-07-29 10:18:12 · 9199 阅读 · 0 评论 -
微信小程序全局分享转发控制实现——从此无需页面单独配置
关于支付宝全局自定义分享控制详见:支付宝小程序的携带参数全局分享实现。为什么要写这篇文章?微信小程序没有全局分享配置,页面开启分享功能必须要在页面中定义分享事件函数onShareAppMessage才可以。如果项目中对页面分享的需求比较复杂点,那么默认的自定义分享会很麻烦的,而且还不一定能满足我们的需求,因此全局自定义分享配置的实现就非常有必要了。不仅仅能实现全局分享,还可以对不同页面实现不同的分享配置本例结合隐式路由,可实现全局控制所有页面的分享配置,包括全局分享、页面默认分享、页面自..转载 2021-07-29 10:14:46 · 1204 阅读 · 0 评论 -
小程序Page里的函数比app.js先执行的解决办法
app.js一般里面都写的wx.login函数。页面里的onload,onshow都写的接口。等数据。app.js不先执行,onload里面的数据就会因为没有获取到app.js里的东西而报错。解决方案:写一个回调函数,onload里获取不到东西就一直获取,不执行下一步操作。直到获取到app.js的数据才继续执行。下面,我把回调函数的关键代码及示例讲解一下。回调函数代码:app.js里写if (that.callback) { //这个函数名字和你定义的一样即可that.callb转载 2021-07-29 09:52:25 · 1102 阅读 · 0 评论 -
小程序中 封装时间戳转日期格式(年月日时分秒)
在 utils 中自行新建文件 tool.js ,放入下放js代码/** * function: 60秒内(刚刚),60秒至60分钟(**分钟前),1小时至24小时(**小时前),1天至15天(**天前),其他为正常日期显示 * @number 時間戳 */function formatMsgTime(number) { var dateTime = new Date(number); // 将传进来的字符串或者毫秒转为标准时间 var Y = dateTime.getFu转载 2021-07-29 09:44:55 · 737 阅读 · 0 评论 -
微信小程序时间戳转为日期格式
首先自己定义time.js , utils/time.js 写法:function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getS...转载 2021-07-29 09:38:21 · 1958 阅读 · 0 评论 -
js中获取时间new date()的用法
获取时间: 1 varmyDate =newDate();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.get...转载 2021-07-29 09:25:29 · 3373 阅读 · 0 评论 -
js 中日期转换成时间戳
js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是 yyyy-MM-dd HH:mm:ss 的形式,当然,也可以只是 yyyy-MM-dd, 就是 2013-08-30,如下:此处会得到一个 Date 类型的数据,获得时间戳数据,需要对日期对象进行操作,将日期转化为时间戳有三种方式,如下:1. var time1 = date.getTime();2.var time2 ...转载 2021-07-29 09:22:41 · 1021 阅读 · 0 评论 -
小程序中数值的处理,四舍五入
1.保留小数(toFixed) 四舍五入保留小数点后几位小数. 方法很简单.toFixed()即可.括号内的数字表示保留的位数.如果是整数,就会不上0特别注意:这方法返回的是String, 然后用parseInt()转换类型才拿到值.2.获取几位数 toPrecision()...转载 2021-07-29 09:18:14 · 1266 阅读 · 0 评论 -
微信小程序 - 实现左滑动删除功能
闲暇时间写一个小程序商城小项目的时候,遇到了左滑删除的功能,经过各种百度研究之后,实现了下图效果,现在分享一下我的实现过程:效果图:实现过程:一、wxml布局这里我是先用了一个大盒子包裹小盒子,然后小盒子里面进行左右布局(左边为内容部分,右边为删除按钮)的方式实现的<!-- 通过 isTouchMove 的值来对应移动位置--> <view class="item {{item.isTouchMove ? 'touch-move-active' : ''}...转载 2021-05-20 10:10:45 · 5275 阅读 · 0 评论 -
H5 微信小程序 价格保留两位小数 分为整数部分和小数部分
在项目中经常遇到将价格分为整数和小数部分,字体大小不一样显示。const actualNumber = item.actualAmount.toFixed(2);const priceArray = actualNumber.split('.');item.actualAmountText = priceArray[0];item.amountDecimalText = `.${priceArray[1]}`;...转载 2021-05-19 14:50:16 · 668 阅读 · 0 评论 -
【小程序】解决微信小程序wx.getMenuButtonBoundingClientRect()获取胶囊信息返回值错误问题
在onLoad里执行wx.getMenuButtonBoundingClientRect(),ios预览有时返回的胶囊信息(top、height)等全部字段都为0的情况,可是尝试在onLoad里写一个setTimedown延迟执行wx.getMenuButtonBoundingClientRect()的话每次返回结果都没有问题。解决方案:1、可以在onLoad写一个setTimedown倒计时执行此api2、在onReady函数里面去调用wx.ge...转载 2021-04-10 17:35:00 · 2937 阅读 · 1 评论 -
tp5微信开发(五)--- tp5微信企业付款到零钱开发实践
项目需求:客户有一个分销项目,需要对分享获得的奖励直接发放至客户零钱钱包。开发文档传送门:https://pay.weixin.qq.com/wiki/doc/api/tools/mch_pay.php?chapter=14_1企业付款到用户零钱开通条件:1、商户号(或同主体其他非服务商商户号)已入驻90日2、商户号(或同主体其他非服务商商户号)有30天连续正常交易3、登录微信支付商户平台-产品中心,开通企业付款。企业付款资金来源:◆ 默认情况下,企业付款到零钱使用...转载 2020-11-02 16:36:18 · 819 阅读 · 0 评论 -
小程序制作笔记-动态添加表单
因为要制作在线统计用餐人数的,需要用到动态添加天数,同时如果加多了,还要删掉对应的表单,通过js的 arr.push和arr.splice来实现了,下面是代码,备忘:Js部分Page({data: {formitems:[] //首先将formitems定义为数组},//添加additems(e){var formitems = this.data.formitemsvar newData = {id: formitems.length}; //这个用来动态添加id转载 2020-08-11 17:27:38 · 972 阅读 · 0 评论 -
微信小程序web-view内嵌公众号网页分享功能实现
web-view嵌入网页分享,有二种分享情况1、小程序分享出当前打开的页面2、部分页面要求,分享指定页面,而不是当前的页面以下是代码部分一、web-view内嵌公众号网页中添加代码1.引入js<script type="text/javascript" src="https://res.wx.qq.com/open/js/jw...转载 2020-03-16 16:06:13 · 4353 阅读 · 0 评论 -
小程序 input type number 键盘没有小数点
<input type="digit">number:数字键盘(无小数点)idcard:数字键盘(无小数点、有个 X 键)digit:数字键盘(有小数点)注意:number 是无小数点的,digit 是有小数点的...转载 2020-02-27 14:18:19 · 2028 阅读 · 0 评论 -
小程序的分享 发送给好友功能
小程序的分享 onShareAppMessage(options)在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。1. 只有定义了该函数,小程序右上角的菜单中才会有转发按钮2. 用户点击转发按钮的时候回调用该函数3. 该函数内需要 return 一个 Object,Object中包含转发的信息(...转载 2020-01-09 19:25:57 · 4555 阅读 · 0 评论 -
小程序 截取字符串(指定字符的前面的字符和后面的字符)
str="1_abcdefg"//字符串,想要的是以下划线截取前后的字符s = str.indexOf('_') //找到第一次出现下划线的位置str_new 1= str.substring(0,s )//取下划线前的字符str_new 1= str.substring(s+1) //取下划线后的字符...转载 2019-11-23 14:26:25 · 6239 阅读 · 0 评论 -
小程序中的小数计算问题/浮点数计算问题
在小程序框架中对于浮点数计算存在误差情况。看示例:示例1、<view>{{0.01+0.2}}</view>示例2: /** * 页面的初始数据 */ data: { num1: 0.01, num2: 10.2, }, this.setData({ n...转载 2019-11-21 22:22:22 · 2104 阅读 · 0 评论 -
小程序input自动聚焦拉起键盘
微信官方提供了两种自动聚焦的方法1,auto-focus接受boolean值;默认为false;只需设置为true即可自动聚焦,拉起键盘;不过官方的提示即将废弃,所以能不用还是不要用2,focus接受boolean值;默认为false;只需设置为true即可获取焦点(推荐使用)3,如果想改变键盘右下角文字confirm-type;值为search时,右下角文字为...转载 2019-08-26 08:19:51 · 3814 阅读 · 0 评论 -
小程序之上拉加载和下拉刷新
创建Data/*** 页面的初始数据*/ data: { articleInfo: [], // 请求数据是否为空的状态 flag: true, // 初始为第一页 index: 1,},分页请求数据/** * 生命周期函数--监听页面加载 */ onLoad: function (options) {...转载 2019-08-22 16:02:07 · 343 阅读 · 0 评论 -
微信小程序(三):返回上一级页面并刷新(页面栈)
在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack方法中,返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触发。onLoad(Object query):页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。onShow:页面显示/切入前...转载 2019-08-16 10:02:17 · 9931 阅读 · 0 评论 -
微信小程序-表单弹窗示例
https://blog.csdn.net/w10322331/article/details/80348848转载 2019-07-11 14:52:40 · 3744 阅读 · 0 评论 -
微信小程序 滚动列表(无限滚动)
效果图1.0实现方式是利用小程序原声组件swiper,方向设置为纵向 :vertical=‘true’设置同时显示的滑块数量:display-multiple-items=‘4’设置自动轮播:autoplay:‘true’.话不所说,直接上代码:<!-- 底部排名 --> <view class='contentBottom'> &l...转载 2019-07-09 11:11:53 · 4907 阅读 · 0 评论 -
微信小程序获取 openID
1.通过 wx.login接口获取code如:wx.login({success: res => {console.log("code",res)// 发送 res.code 到后台换取 openId, sessionKey, unionIdvar wx_code=res.codewx.request({url:...转载 2019-07-01 15:10:11 · 392 阅读 · 0 评论 -
微信小程序实用组件:省市区三级联动
作者:Edik预览图片:项目地址:https://git.oschina.net/edik/wechat-three-level项目下载:edik-wechat-three-level-master.zip(38.85 KB, 下载次数: 7)转载 2019-06-05 14:30:33 · 5288 阅读 · 2 评论 -
微信小程序中WxParse循环解析返回的富文本数据
WxParse循环解析一、遇到问题最近在做小程序,遇到这样一个需求:将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析html标签,也能全部解析。先说单数据解析就是将一整条数据,直接解析。这个简单,解析完之后,赋值到view中。首先要下载WxParse插件第一步:去https://g...转载 2019-04-20 09:50:03 · 1129 阅读 · 0 评论 -
百度小程序富文本解析工具bdParse
最近在做百度小程序,发现百度小程序目前大家接触的都比较少,还搜不到相关的技术支持,特别是处理文章的富文本处理工具。做过微信小程序的都知道,微信有一个wxParse,专门针对微信富文本开发的一套组件,可以完美让html转换成小程序的节点,于是便想能不能把wxParse改造成百度小程序的。由于百度小程序和微信小程序的代码相似度搞大95%以上,几乎就是微信的wxml,js请求和标签批量替换成百度sw...转载 2019-04-20 09:25:36 · 1034 阅读 · 0 评论 -
微信小程序 一键拨号功能 在线客服
一键拨号需要使用bindtap方法,然后在JS中写逻辑,具体如下:在线客服微信小程序有自己的按钮时,只需要加上开放型='接触'就可以直接点击触发小程序前端<view style='top:76%;left:82%; position: fixed;'> <!-- 一键拨号 --> <view class='hw50' style='background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;转载 2021-01-19 12:08:12 · 681 阅读 · 0 评论 -
小程序添加人工客服实现一键拨号的功能
今天接到新的需求,在小程序里添加人工客服,实现点击一键拨号的功能。记录一下实现过程:首先需要选择检测站,选择了检测站后获取对应检测站的客服号码,人工客服获取到客服号码即可实现一键拨号。这里因为好几个页面都需要用到这个功能,所以将人工客服写成了模板,方便页面引入。在需要的页面引入模板效果如下:...转载 2021-01-19 12:01:56 · 583 阅读 · 0 评论 -
微信小程序:删除时提示是否删除
代码如下:wx.showModal({ title: '提示', content: '确定要删除吗?', success: function (sm) { if (sm.confirm) { // 用户点击了确定 可以调用删除方法了 } else if (sm.cancel) { console.log('用户点击取消') } }})...转载 2021-01-12 17:06:14 · 1343 阅读 · 0 评论 -
生成小程序码
//生成核销码 传参 $number核销码function makeqrCode($number){ // dump($number); $url_access_token = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&secret=xxxxxxxxxxxxxxxxxxxxxxxxxxxx';.原创 2020-09-01 16:37:52 · 274 阅读 · 0 评论 -
微信小程序 定时器setInterval、setTimeout,简单易用
setTimeout setTimeout(function() { console.log('doSomething') }, 2000);1 2 3上面就是一个2s的定时器,最基础的简单用法。 这个方法也可以返回一个id,即定时器id,用来清除定时,比如:clearTimeout(timeoutID)1setIntervalsetInterval与setTimeout的使用差别不大,参数都是一样的,区别就在于setTim.转载 2020-08-14 12:13:42 · 908 阅读 · 0 评论