unconnect.vue 876 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <div>
  3. <van-row>
  4. <van-col span="11" class="text-gray text-sm left" offset="1">
  5. <view>1.打开手机蓝牙</view>
  6. <view>2.长按头环侧面按钮启动头环</view>
  7. <view>3.点击扫码开始连接</view>
  8. </van-col>
  9. <van-col span="8" offset="2">
  10. <img src="https://img.shuimuai.com/lanyashuimu.png" class="connect_img"/>
  11. </van-col>
  12. </van-row>
  13. <button class="cu-btn lg cu-btn-primary text-white text-center" @click="open_scan">扫码连接脑环</button>
  14. <van-toast id="van-toast"/>
  15. </div>
  16. </template>
  17. <script>
  18. import Toast from '../../../static/vant/toast/toast';
  19. var $this
  20. export default {
  21. name: "unconnect",
  22. data() {
  23. return {}
  24. },
  25. methods: {
  26. open_scan() {
  27. this.$emit('open_scan')
  28. }
  29. },
  30. created() {
  31. $this = this
  32. }
  33. }
  34. </script>
  35. <style scoped>
  36. </style>