bleconnect.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* pages/bluConnect/bleconnect.wxss */
  2. .container {
  3. /* background: red; */
  4. position: fixed;
  5. display: flex;
  6. flex-direction: column;
  7. width: 100%;
  8. height: 100%;
  9. }
  10. .container .device_pic_class {
  11. height: 300rpx;
  12. margin-top: 160rpx;
  13. padding-left: 60rpx;
  14. padding-right: 60rpx;
  15. }
  16. .container .text_class {
  17. width: 100%;
  18. align-items: center;
  19. display: flex;
  20. flex-direction: column;
  21. }
  22. .container .scanDeviceClass {
  23. margin-top: 60rpx;
  24. margin-left: 16rpx;
  25. margin-right: 16rpx;
  26. text-align: center;
  27. }
  28. .container .connect_tips {
  29. margin-top: 16rpx;
  30. margin-left: 16rpx;
  31. margin-right: 16rpx;
  32. text-align: center;
  33. }
  34. .container .scan_device_status_class {
  35. /* align-items: center; */
  36. margin-top: 16rpx;
  37. display: flex;
  38. justify-content: center;
  39. align-items: center;
  40. }
  41. .container .scan_device_status_class .scan_device_status_img_class {
  42. width: 32rpx;
  43. height: 32rpx;
  44. }
  45. .container .scan_device_status_class .scan_device_status_text_class {
  46. margin-left: 16rpx;
  47. }
  48. .container .connect_btn_class {
  49. padding-left: 56rpx;
  50. padding-right: 56rpx;
  51. /* padding-bottom: 56rpx; */
  52. margin-bottom: 56rpx;
  53. margin-top: 70rpx;
  54. justify-content: center;
  55. display: flex;
  56. }