微信小程序
关注
分享
扫一扫
doublesXu
这个作者很懒，什么都没留下…
展开
-
微信小程序日历面板插件
1、创建日历面板组件，在components目录下创建calendar文件夹，如图2、calendar.js// components/calendar/calendar.jsvar util = require('../../utils/util.js')Component({ /** * 组件的属性列表 */ properties: { ...原创 2019-04-29 13:22:25 · 1907 阅读 · 0 评论 -
微信小程序 改变radio、switch、滚动条、button默认样式
1.改变radio大小/* 单选钮样式 */radio { transform:scale(0.5);}2、改变switch大小.wx-switch-input{width:42px !important;height:22px !important;}.wx-switch-input::before{width:40px !important;height: 20p...原创 2019-06-13 12:33:19 · 930 阅读 · 0 评论 -
获取当前时间，指定日期前一天、后一天，前n天日期、指定时间的前、后n分钟的日期
module.exports = { formatTime: formatTime, getNextOrPreDate:getNextOrPreDate, getBeforeDate: getBeforeDate, getNowDate: getNowDate, getBeforeDay: getBeforeDay, getLastDay: getLastDay...原创 2019-07-10 12:47:55 · 1374 阅读 · 0 评论 -
微信小程序ios倒计时时间不显示，安卓能正常显示，小程序倒计时兼容问题
一般在做砍价、拼团、助力商品时都需要展示倒计时，但是会出现小程序中ios中倒计时不显示，安卓中能正常显示 原因是：IOS不支持2019-07-09,在小程序中ios识别的日期格式为：2019/07/10,因此有时后写倒计时等涉及时间的方法时，会出现安卓可以，ios不可以的问题2019-07-10 10:20:30这种格式，只需要将 - 替换为 / 即可解决：var endTime = "2...原创 2019-07-11 13:08:10 · 1955 阅读 · 0 评论 -
微信小程序修改switch组件的大小
在使用switch组件时，想修改switch的大小，设置的height，width都没有效果， 查看官方文档，发现没有设置大小的属性官方文档如下：使用下面样式可进行修改.wx-switch-input{width:42px !important;height:22px !important;}.wx-switch-input::before{width:40px !important...原创 2019-05-11 17:32:03 · 4698 阅读 · 2 评论 -
微信小程序图片使用filter将彩色图片变成黑白以后，border-radius失效的解决办法
使用css的filter将彩色图片亮度降低之后，设置的border-radius会出现失效不起作用的情况需求：用户在线头像为原始的彩色图片，离线将用户头像改为黑白色原来的写法：<image src="{{item.type=='add' ? 'http://h5.nn.w293.cn/ui/map/addMember.png' : item.iconPath}}" class="h40...原创 2019-04-29 14:42:08 · 5112 阅读 · 0 评论 -
小程序map中cover-view文本换行
在小程序map中使用cover-view,添加了word-break:break-all等属性以后还是不换行的问题经测试，添加以下样式即可换行.wrap{ word-break: break-all; word-wrap:break-word; white-space:pre-line;}...原创 2019-04-29 15:47:24 · 2848 阅读 · 1 评论 -
微信小程序日期格式化
module.exports = { formatTime: formatTime}function add0(m) { return m < 10 ? '0' + m : m}function formatTime(shijianchuo) { //shijianchuo是整数，否则要parseInt转换 var time = new Date(shij...原创 2019-05-05 13:10:41 · 2612 阅读 · 0 评论 -
微信小程序map突然报错——>ret is not defined
再使用微信小程序地图时，什么代码都没改动，但是突然出现以下错误，全局搜索也没找到ret,后来发现显示地图气泡的数据中，后台返回的数据经纬度写反了，导致这个错误错误信息之前后台返回的经纬度，经纬度取反了改过以后的经纬度正确取值范围：latitude 纬度 number 是 浮点数，范围 -90 ~ 90longitude 经度 number 是 浮点数，范围 -180 ~ 18...原创 2019-04-30 16:35:39 · 1927 阅读 · 0 评论 -
微信小程序JSON.parse上一个页面传过来的对象字符串报错
在上一个页面将下一个页面需要的数据，把传递参数用JSON.stringify()函数转成字符进行传递，在目标页面中用JSON.parse函数接收时报错原因：JSON.parse无法识别某些url或者消息内容中的特殊字符，所以报错错误信息如下：Unexpected end of JSON input;at pages/moment_detail/moment_detail page lif...原创 2019-05-09 13:05:43 · 2084 阅读 · 0 评论 -
微信小程序滑动删除
效果图wxml<!-- 顶部菜单按钮 --><view class="tui-tabbar-content"> <view class="tui-tab fs15"> <text data-id="0" bindtap="changeTabbar" class="tui-tab-cell {{index == 0 ? 'tui-...原创 2019-05-09 16:06:29 · 515 阅读 · 0 评论 -
微信小程序canvas层级过高，遮住弹窗解决方法
页面canvas图层遮住弹出框，导致弹出框无法点击且样式存在问题因为canvas组件是由客户端创建的原生组件，原生组件层级是最高的，所以页面中的其他组件无论设置 z-index为多少都无法盖在原生组件上。想试着用cover-view组件，能覆盖canvas，map，video，camera等原生组件。但是也有一定的限制。比如：cover-view中只支持嵌套cover-view、cove...原创 2019-07-24 16:16:42 · 23322 阅读 · 6 评论