unconnect.vue 822 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  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. var $this
  19. export default {
  20. name: "unconnect",
  21. data() {
  22. return {}
  23. },
  24. methods: {
  25. open_scan() {
  26. this.$emit('open_scan')
  27. }
  28. },
  29. created() {
  30. $this = this
  31. }
  32. }
  33. </script>
  34. <style scoped>
  35. </style>