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