🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] # 插件-shake 摇动功能 由于目前市面上的摇动啊...很不规范.所以统一一下,so...easy ## API ```javascript // 创建一个shake var shake = v.shake(config = {threshold:15,timeout:1000}) // 监听shake window.addEventListener('shake',function(){alert('你摇了额')}) // 启动 shake.start() // 关闭 shake.stop() ``` **参数说明** * `threshold` 一个量化的力度,默认为15,大概就是--------------------这么长吧 * `timeout` 触发的间隔,如果要比摇动的次数可以把这个值设置小点,如果摇动触发某个事件,那一次就行了 使用方法看一下简单的例子,[或者用手机打开这里](wx.diggid.cn/web/demo/shake.html) ```html <div class="container"> <button class="btn btn-primary" onclick="open_()">开启摇动事件</button> <button class="btn btn-info" onclick="close_()">关闭摇动事件</button> </div> ``` ```javascript var shake = v.shake({ threshold: 15, timeout: 1000 }) window.addEventListener('shake',function(){ v.layer.open({ title:'触发了摇一摇', content:'恭喜你,你触发了摇动事件!!', btn:['摇一摇成功'] }) }) function open_(){ shake.start() v.layer.alert('摇一摇试试吧!!!!') } function close_(){ shake.stop() v.layer.alert('你关了摇一摇!!!!再摇一摇试试') } ```