老样子哈 今日的封面摄影师如下

图片来源

这两天给之前老客户的小程序更新了一个比较细微的体验点 分享记录一下 不知道其他小伙伴在处理用户点击事件 按钮的点击态时 给到的反馈是怎么样的 之前我们是用户点击之后 会全屏做半透明态 跳出等待动画 让用户在界面进行业务处理的等待 后来有体验到几个大厂出的小程序 他们在按钮点击当时 会有一个短时持续的震动反馈 让用户知晓 嗯 我点到了这个按钮 因为蛮多好看漂亮的按钮 用的都不是原生按钮组件 一般我们会单独设计按钮的样式 单独做一个图片 或者颜色渐变这些效果上去 有些比较特殊的时候 比如说弱网环境 用户在点击按钮之后 因为弱网 数据请求有延迟 有的时候客户就会一直点击按钮 点好几次...现在用全屏等待 虽然避免了这个情况 但感觉像大厂那样 每个按钮点击后 能有震动反馈 体验感觉真的更不错欧~ 所以今天给好多套老客户的程序都修改了一下 新版本发了以后 客户给回来的反馈都还可以

ok~说下代码这边怎么实现 有2个反馈效果 一个是短震动 一个是长震动 按需选择就可以

https://developers.weixin.qq.com/miniprogram/dev/api/device/vibrate/wx.vibrateShort.html

在按钮点击事件里 先加入震动提示 之后再震动成功的提示里 实现按钮点击事件即可

testTap() { wx.vibrateShort({ type: 'heavy',//可以选择3个值 heavy、medium、light success() { //这里执行点击需要实现的事件 } }) }

测试了下 如果点击后执行的是马上跳转到其他页面 这个体验一般 我们改的大部分是停留在当前页面的一些点击事件 或者点击事件执行之后 需要等待一下 再跳转到其他页面执行其他业务这样 所以不是所有的按钮都适合增加这个哈 所以选择适合的场合增加震动体验会更好一些 好了 这个就是今天的分享啦

保持好奇 不断进步 下期见~