wifiSetMemo2.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <view class="page adffcac" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
  3. <cus-header title='配置网络说明'></cus-header>
  4. <div class="top">打开手机蓝牙及定位服务</div>
  5. <div class="title">1.前往设置 - 蓝牙 - 打开蓝牙</div>
  6. <image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/0ccde807-90cc-4dee-b3ad-25c3f2708490.png" mode="widthFix"></image>
  7. <div class="title">2.前往设置 - 隐私 - 打开定位服务并回到本页面</div>
  8. <image class="tl" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/07/03/bc35f400-eecf-4835-bdf6-b6c2155af910.png" mode="widthFix"></image>
  9. <image class="step" src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/71bbaf55-66d9-4c6b-a196-4fa178ae3159.png"></image>
  10. <div class="zt_btn" @tap="next">下一步</div>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data(){
  16. return {
  17. }
  18. },
  19. methods:{
  20. next(){
  21. uni.navigateTo({
  22. url:'/pagesHome/wifiSetMemo3'
  23. })
  24. }
  25. }
  26. }
  27. </script>
  28. <style scoped lang="less">
  29. .page{
  30. background: #FFFFFF;
  31. box-sizing: border-box;
  32. .top{
  33. font-family: PingFangSC, PingFang SC;
  34. font-weight: 400;
  35. font-size: 32rpx;
  36. color: #000000;
  37. line-height: 45rpx;
  38. text-align: center;
  39. margin-top: 64rpx;
  40. }
  41. .title{
  42. font-family: PingFang-SC, PingFang-SC;
  43. font-weight: bold;
  44. font-size: 26rpx;
  45. color: #7C8592;
  46. line-height: 37rpx;
  47. text-align: center;
  48. margin-top: 51rpx;
  49. }
  50. .tl{
  51. width: 321rpx;
  52. height: 276rpx;
  53. margin-top: 21rpx;
  54. }
  55. .step{
  56. width: 100rpx;
  57. height: 16rpx;
  58. margin-top: 115rpx;
  59. }
  60. .zt_btn{
  61. width: calc(100% - 140rpx) !important;
  62. margin-top: 139rpx;
  63. }
  64. }
  65. </style>