63 lines
1.3 KiB
Vue
63 lines
1.3 KiB
Vue
<template>
|
||
<view>
|
||
<page-head :title="title"></page-head>
|
||
<view class="uni-padding-wrap uni-common-mt">
|
||
<!-- #ifdef APP-PLUS -->
|
||
<view class="uni-btn-v">
|
||
<button class="shake" @tap="shake">摇一摇</button>
|
||
</view>
|
||
<!-- #endif -->
|
||
<view class="uni-btn-v">
|
||
<button type="primary" @tap="watchAcce">监听设备的加速度变化</button>
|
||
<button type="primary" @tap="stopAcce">停止监听设备的加速度变化</button>
|
||
</view>
|
||
<view class="uni-textarea uni-common-mt">
|
||
<textarea class="acc-show" :value="value" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
title: 'onAccelerometerChange',
|
||
value: ''
|
||
}
|
||
},
|
||
onUnload() {
|
||
uni.stopAccelerometer();
|
||
},
|
||
methods: {
|
||
//#ifdef APP-PLUS
|
||
shake() {
|
||
uni.navigateTo({
|
||
url: '/platforms/app-plus/shake/shake'
|
||
})
|
||
},
|
||
//#endif
|
||
watchAcce() {
|
||
uni.onAccelerometerChange((res) => {
|
||
this.value = "监听设备的加速度变化:\n" + "X轴：" + res.x.toFixed(2) + "\nY轴：" + res.y.toFixed(2) +
|
||
"\nZ轴：" + res.z.toFixed(2);
|
||
})
|
||
},
|
||
stopAcce() {
|
||
uni.stopAccelerometer()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.shake {
|
||
background-color: #FFCC33;
|
||
color: #ffffff;
|
||
margin-bottom: 50rpx;
|
||
}
|
||
.uni-textarea .acc-show{
|
||
height: 240rpx;
|
||
}
|
||
</style>
|