微信小程序
XUE_雪
web前端 c#
展开
-
微信小程序 js 计算时间间隔
/**判断距离 当前时间 间隔多少分钟*/ judgeTimeDiffer: function (startTime) { var startTimes = new Date(startTime.replace(/-/g,'/')); return parseInt((startTimes.getTime() - new Date().getTime()) / 1000 / 60); },切记:要将时间格式通过replace(/-/g,'/')转换一下,因为在苹果手机中,n...原创 2021-04-23 11:28:16 · 843 阅读 · 0 评论 -
js 常备校验工具方法
一 .字符串替换 /*** 字符串替换* @param {string} str 要被替换的字符串* @param {string} substr 要替换的字符串* @param {string} newstr 用于替换的字符串* @return {string} 替换后的新字符串*/function replace(str, subst...原创 2020-04-10 09:10:41 · 266 阅读 · 0 评论 -
JS校验二代身份证格式
//身份证校验functioncheckIDCard(idcode){//加权因子varweight_factor=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];//校验码(身份证最后一位是校验码,用来校验身份证号码是否正确)varcheck_code=['1','0','X','9','8','7',...原创 2020-04-08 17:04:07 · 633 阅读 · 0 评论 -
微信小程序-腾讯地图绘制线路图之地图缩放比例自适应问题
问题描述:最近在做微信小程序项目,根据业务需求需要绘制起点到终点的线路图, 但是需要将起点和终点都都在地图的可视区域内显示,针对这个问题,我采取了以下下解决方案,效果图如下所示xml:<view class="container"><view> <map id="myMap" style="width: 100%; height: {{hei...原创 2020-04-02 15:56:54 · 9240 阅读 · 1 评论 -
微信小程序重定义checkbox/radio 选中样式
在做微信小程序项目时候,经常遇到需要自定义需要的多选/单选按钮的样式,现针对该问题做出如下总结:1.样式一css:/*重写单选框样式*//*radio未选中时样式 */radio .wx-radio-input{height: 30rpx;width: 30rpx;margin-top: -4rpx;border-radius: 50%;border:...原创 2020-04-01 16:09:08 · 1552 阅读 · 0 评论 -
微信小程序 解决圆形头像显示图片不完全问题
最近在做微信小程序,遇到这样一个难题,绘制一个圆形的头像,但是有的图片会因为宽度大于高度而致使图片在圆形区域内显示不全,为解决这个问题,我采用了以下办法,现贴出代码共享给大家,大家如果有更好的解决方案也可以给我留言哦~XML: <view style="width:130rpx;height:130rpx;border-radius:50%;overflow:hidden;text...原创 2020-03-19 14:18:58 · 3971 阅读 · 0 评论 -
关于 微信小程序转换时间 "2020-03-18T01:57:23.000+0000" 后 在ios系统中显示NAN问题
最近在做微信小程序时候遇到这样一个坑,调取后端提供的接口,接收返回的时间格式是2020-03-18T01:57:23.000+0000,于是,我就开启了转换时间的踩坑之旅,当我按照正常的时间转换方式转换好的时间后,在后期测试时候发现安卓上正常显示,但是在苹果手机上显示MAN,于是我经过一番测试和折腾后找到了解决办法,现贴出解决代码共享给大家:var timeFormat = function...原创 2020-03-19 14:07:13 · 5484 阅读 · 6 评论 -
mpvue 实现页面返回携参数修改上一页参数变量
问题描述:在做mpvue小程序时候,遇到一个问题,从A页面跳转到B页面后,B页面会产生一些数据,此时需要将这些数据携带回A页面,同时保证A页面不能刷新,否则A页面之前的数据就会清空。解决思路: 思路一:想到微信小程序有个方法叫getCurrentPages()获取获取上一页并且还能修改上一页数据,因为我作如下处理:但是问题并没有解决,A页面的变量没有改变。因此开启思路二...原创 2019-10-08 15:29:51 · 1775 阅读 · 0 评论 -
微信小程序 wx.navigateBack 携带参数返回到上一页
实现功能描述:A页面通过wx.navigateTo跳入到B页面,然后B页面执行wx.navigateBack返回到A页面时候传给A页面参数,此处定义为param变量。实现思路描述:1.在A页面data中定义一个参数param作为接受B页面返回时候携带过来的参数。2.A页面执行 wx.navigateTo跳入B页面3.B页面中执行返回事件 的方法中写入如下代码:此处解释...原创 2019-08-17 15:19:09 · 4217 阅读 · 1 评论 -
微信小程序之swiper组件高度自适应
要求:(顶部广告栏) 改变swiper组件的固定高度,使之随内部每张图片的高度做自适应原理: 图片加载完之后,获取图片的原始宽高,根据宽高比,计算出适应后的宽高,如果是适应屏幕宽度的话,就用到 wx.getSystemInfo() 方法设备的信息,并保存到一个数组中,(因为加载的原因不能用push,只能根据索引),切换时监听当前显示的图片,根据其索引找到对应的高度,并赋值...翻译 2019-07-02 13:58:45 · 2976 阅读 · 0 评论 -
微信小程序 实现canvas按照原图等比例不失真绘制海报图并保存海报图片到本地相册
1.获取手机宽度 进而设置canvas画布的宽度onLoad() { let that = this; // 获取系统信息,设置canvas宽高 wx.getSystemInfo({ success(res) { that.setData({ canvasWidth: res.windowWidth }...原创 2019-06-26 14:08:19 · 5053 阅读 · 0 评论