微信小程序
文章平均质量分 53
陨石猎人
向世界交付你的价值,并得到回报
展开
-
微信小程序在input上放一个button点击问题
如图所示,取消按钮定位在input框之上, 当我们点击的时候,input框一直是获取焦点状态,无法执行 取消事件.解决方案, 给外层包裹的view ( 图2 黑线标注的地方是外层包裹的view) 设置padding-right 等于取消按钮的宽度即可....原创 2018-09-25 18:23:44 · 8070 阅读 · 3 评论 -
使用 Promise 封装小程序网络请求
公共方法一般写在util.js里面。 封装:function requestFun(type,url,data){ var data=new Promise(function(resolve,reject){ wx.request({ url: 'https://api.audiobook.dev.taozhi.cn' + url, method: ...原创 2019-04-29 10:41:16 · 878 阅读 · 0 评论 -
微信小程序——带参返回上一页(最好的方法)
这里列举的是返回时直接调用上页面的方法更新数据1. 当前页获取页面栈, 获取到上页面的方法.var pages = getCurrentPages(); // 获取页面栈if (pages.length > 1) { //上一个页面实例对象 var prePage = pages[pages.length - 2]; //关键在这里 changeData...原创 2019-02-19 12:05:26 · 1061 阅读 · 0 评论 -
微信小程序, 长按加号 不断添加数量
如图, 需求,长按加号,数量不断增加, 反之减号不断减少 需要使用 小程序中的长按事件,.bindlongpress, 需要注意的是连续增加一定会用到定时器, 在bindtouchend鼠标一开始需要清理定时器.html <image class="reduce img" bindtap='reducesurplus' bindlongpress='reducelon...原创 2019-02-18 11:18:34 · 3868 阅读 · 1 评论 -
微信小程序开发,为缓存设置失效时间
在util.js中加入var dtime = '_deadtime';function set(k, v, t) { wx.setStorageSync(k, v) var seconds = parseInt(t); if (seconds > 0) { var timestamp = Date.parse(new Date()); timestamp...原创 2018-12-28 14:38:00 · 1673 阅读 · 0 评论 -
小程序多个输入框输入验证码功能 实现
老套路,先上图 <view class="check"> <!-- 输入核验码 --> <view class="query"> <view class="query_item_name">请输入核验码</view> <view class="query原创 2018-12-27 16:32:39 · 4420 阅读 · 3 评论 -
微信小程序template模板与component组件的区别和使用
转载 https://www.cnblogs.com/xyyt/p/9559326.html转载 2018-12-26 20:08:53 · 389 阅读 · 0 评论 -
小程序video高度问题
小程序中我们设置video的高度发现无效,解决办法是, 定义class 在css中设置高度即可生效, 具体原因暂时未知,有了解的小伙伴可以评论下原因,谢谢原创 2018-12-19 18:05:47 · 3836 阅读 · 1 评论 -
小程序实现流程进度条功能
<view class="progress"> <view class="radius rad_1 radius_active">1</view> <view class="radius rad_2 radius_active">2</view> <vie原创 2018-11-23 18:41:28 · 4201 阅读 · 0 评论 -
小程序图片裁剪上传
<!--图片展示 --><view bindtap='upEwm' data-which='1'> <view>第一个图</view> <image style='width:200rpx;height:200rpx;background-color:red' src='{{headImg}}'></image>...原创 2018-11-23 18:33:55 · 1980 阅读 · 2 评论 -
小程序登录和获取用户信息-----讲解
获取用户信息组件介绍组件变化: open-type 属性增加 getUserInfo :用户点击时候会触发 bindgetuserinfo 事件。 新增事件 bindgetuserinfo :当 open-type 为 getUserInfo 时,用户点击会触发。可以从事件返回参数的detail字段中获取到和wx.getUserInfo返回参数相同的数据。 示例: ...原创 2018-11-21 11:49:55 · 1946 阅读 · 0 评论 -
小程序scroll-view组件 设置横向滚动条位置 scroll-left 无效问题
这个问题只是部分做数据交互时可能会碰到的问题,发现设置的scroll-left="200" 没有起作用.原因: 一般在页面加载时我们会请求数据,并渲染列表, 但是我们在标签或者data中设置的scroll-left值会在数据渲染前赋值.此时的scroll-view中还是空的,所以scroll-left不会生效. 我们应该在数据渲染到scroll-view中以后,再同步scrol...原创 2018-10-25 18:47:41 · 17384 阅读 · 5 评论 -
获取用户输入的表情, 转码,解码
前端在页面中获取用户输入,有时候会碰到表情输入,如果之间传给后端是不行的, 会显示空字符.前端解决的方案: 在提交数据时,通过正则获取所有的emoji表情,将其转成 base64 ,然后提交给后台,后台不需要做任何操作,当请求数据时再原封不动的返给前端,前端对数据进行过滤,转换成表情。// 将其转成 base64 utf16toEntities:fu...原创 2018-10-22 18:20:58 · 1854 阅读 · 2 评论 -
微信小程序获取用户高清头像
获取到用户头像的路径之后执行此函数, 返回值及时高清头像路径function headimgHD(imageUrl) { console.log('原来的头像', imageUrl); imageUrl = imageUrl.split('/'); //把头像的路径切成数组 //把大小数值为 46 || 64 |...原创 2018-10-16 18:00:52 · 1609 阅读 · 0 评论 -
小程序tabBar图标显示太大
有两种解决方案, 1.重写tabBar, (自定义) 这个方法相对太麻烦了,对于新手来说不太容易控制 2. 设计图标样式规范, (所切的png图片,给它里面留下相应尺寸的空白) 看下图 下载此图片查看, png格式的图片, 在切图时,不要紧贴图像切, 流出相应比例的空白....原创 2018-10-16 15:23:45 · 23285 阅读 · 0 评论 -
小程序图片未显示
小程序图片一般都是网络资源加载, 我们有时候会碰到在开发者工具中可以看到图片但是手机预览时却无法显示图片;把src的路径http.....改成https即可。 ...原创 2018-09-28 18:08:10 · 437 阅读 · 0 评论 -
微信小程序scroll-view隐藏滚动条方法
在样式文件中加入::-webkit-scrollbar{width: 0;height: 0;color: transparent;}原创 2018-09-27 17:11:04 · 1710 阅读 · 0 评论 -
小程序实现无限级树形菜单
效果图:源码地址:https://github.com/dressLz/lz实现思路: 组件的递归调用 mytree为组件,最主要的在组件的自调用。 mytree.json{ "component": true, "usingComponents": { "mytree": "../mytree/mytree" }}mytree....原创 2019-06-15 08:50:53 · 12181 阅读 · 17 评论