75 lines
1.6 KiB
Vue
75 lines
1.6 KiB
Vue
<template>
|
||
<view>
|
||
<view class="title">摸亮触摸屏</view>
|
||
<image
|
||
src="https://oss-lock.xhjcn.ltd/mp/icon_lock_touch_screen.png"
|
||
mode="aspectFill"
|
||
class="icon"
|
||
></image>
|
||
<view class="tips">摸亮触摸屏，锁进入可添加状态，点击下一步</view>
|
||
<view @click="toSearchDevice" class="button">下一步</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { useBluetoothStore } from '@/stores/bluetooth'
|
||
import { useBasicStore } from '@/stores/basic'
|
||
|
||
const bluetoothStore = useBluetoothStore()
|
||
const basicStore = useBasicStore()
|
||
|
||
const toSearchDevice = async () => {
|
||
// if (bluetoothStore.bluetoothStatus !== 0) {
|
||
// bluetoothStore.getBluetoothStatus()
|
||
// return
|
||
// }
|
||
let result = true
|
||
// if (!bluetoothStore.isInitBluetooth) {
|
||
result = await bluetoothStore.initAndListenBluetooth()
|
||
// }
|
||
if (result) {
|
||
basicStore.routeJump({
|
||
type: 'redirectTo',
|
||
name: 'searchDevice'
|
||
})
|
||
} else {
|
||
bluetoothStore.checkSetting()
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.title {
|
||
margin-top: 200rpx;
|
||
font-size: 36rpx;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
}
|
||
|
||
.icon {
|
||
width: 300rpx;
|
||
height: 300rpx;
|
||
margin: 150rpx 225rpx;
|
||
}
|
||
|
||
.tips {
|
||
margin-bottom: 100rpx;
|
||
font-size: 28rpx;
|
||
font-weight: bold;
|
||
color: #999;
|
||
text-align: center;
|
||
}
|
||
|
||
.button {
|
||
width: 600rpx;
|
||
height: 100rpx;
|
||
margin: 0 auto;
|
||
font-size: 36rpx;
|
||
line-height: 100rpx;
|
||
color: #fff;
|
||
text-align: center;
|
||
background-color: #4777ee;
|
||
border-radius: 50rpx;
|
||
}
|
||
</style>
|