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>
|