mpaas小程序如何实现摇一摇功能

2023-11-09

因为公司需要特意研究一下mpaas小程序框架,公司要实现摇一摇功能,如下:        

 

手机晃动调用其代码api,实现其功能,代码如下:

axml片段:

<!-- API-DEMO page/API/watch-shake/watch-shake.axml-->
<view class="page">
  <button type="primary" onTap="watchShake">
    绑定摇一摇,点击 Shake 按钮看效果
  </button>
  <view class="scroll">
    <image src="../image/shake.jpg" class="item-img" mode="scaleToFill"></image>
  </view>
</view>

js:片段: 
 

// API-DEMO page/API/watch-shake/watch-shake.js
Page({
  watchShake() {
    my.watchShake({
      success: function() {
        // this.flagActive = true
        my.alert({ title:'动起来了 o.o'});
      }
    });
  },
});

最后一点是坑,划重点,在开发者工具上进行调试时候,不能直接操作看到效果,只能默默真机调试,上传。其实可以打开开发者工具中得工具箱如下:

 可以直接触发其api功能,实现结果如下:

 结束,哈哈哈~,简单吧!原创不易,给个小心心哈!

哒哒哒~

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

mpaas小程序如何实现摇一摇功能 的相关文章