unconnect.vue 988 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <div>
  3. <van-row>
  4. <van-col
  5. span="11"
  6. class="text-gray text-sm left"
  7. offset="1"
  8. >
  9. <view>1.打开手机蓝牙和位置信息</view>
  10. <view>2.长按脑环侧面按钮启动脑环</view>
  11. <view>3.点击扫码开始连接</view>
  12. </van-col>
  13. <van-col
  14. span="8"
  15. offset="2"
  16. >
  17. <img
  18. src="https://img.shuimuai.com/lanyashuimu.png"
  19. class="connect_img"
  20. />
  21. </van-col>
  22. </van-row>
  23. <button
  24. class="cu-btn lg cu-btn-primary text-white text-center scan_button margin-tb"
  25. @click="open_scan"
  26. >扫码连接智脑环
  27. </button>
  28. <van-toast id="van-toast" />
  29. </div>
  30. </template>
  31. <script>
  32. var $this;
  33. export default {
  34. name: "unconnect",
  35. data() {
  36. return {};
  37. },
  38. methods: {
  39. open_scan() {
  40. this.$emit("open_scan");
  41. },
  42. },
  43. created() {
  44. $this = this;
  45. },
  46. onShow() {},
  47. };
  48. </script>
  49. <style scoped>
  50. </style>