40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<template>
|
|
<view>
|
|
<view
|
|
class="flex items-center bg-white shadow-sm py-3 px-4 mx-2 rounded-lg mt-4"
|
|
@click="toJump('addLockGuid', { type: 'bluetooth' })"
|
|
>
|
|
<image src="https://oss-lock.xhjcn.ltd/mp/bluetooth-lock.png" class="w-80rpx h-80rpx"></image>
|
|
<view class="ml-4">蓝牙锁</view>
|
|
<view class="ml-a"><up-icon name="arrow-right"></up-icon></view>
|
|
</view>
|
|
<view
|
|
class="flex items-center bg-white shadow-sm py-3 px-4 mx-2 rounded-lg mt-4"
|
|
@click="toJump('addLockGuid', { type: 'wifi' })"
|
|
>
|
|
<image src="https://oss-lock.xhjcn.ltd/mp/wifi-lock.png" class="w-80rpx h-80rpx"></image>
|
|
<view class="ml-4">WiFi锁</view>
|
|
<view class="ml-a"><up-icon name="arrow-right"></up-icon></view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useBasicStore } from '@/stores/basic'
|
|
|
|
const $basic = useBasicStore()
|
|
|
|
const toJump = (name, params) => {
|
|
$basic.routeJump({
|
|
name,
|
|
params
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: $uni-bg-color-grey;
|
|
}
|
|
</style>
|