微信摇一摇实现(重力API/陀螺仪),附代码
效果
实现
方法一:微信小程序自带的调试重力API,感应手机发生震动位移
<template>
<view class="content">
<image :class="{shakeImg:shake}" src="../../static/shakephone.png" mode="aspectFit"></image>
<text class="wite">每日积分等你来摇</text>
<text class="shakeCount">今日还有{
{
count}}次机会</text>
</view>
</template>
<script>
export default {
data() {
return {
shake: false,
count: 3
};
},
isShow: false,
onShow: function() {
var that = this;
this.isShow = true;
wx.onAccelerometerChange(function(e) {
if (!that.isShow) {