You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.3 KiB
62 lines
1.3 KiB
<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>
|
|
|