bleconnect.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. margin-left: 16rpx;
  38. margin-right: 16rpx;
  39. flex-direction: row;
  40. text-align: center;
  41. }
  42. .container .scan_device_status_class > scan_device_status_img_class {
  43. width: 16rpx;
  44. height: 16rpx;
  45. }
  46. .container .scan_device_status_class > scan_device_status_text_class {
  47. margin-right: 16rpx;
  48. width: 16rpx;
  49. height: 16rpx;
  50. }
  51. .container .connect_btn_class {
  52. padding-left: 56rpx;
  53. padding-right: 56rpx;
  54. padding-bottom: 56rpx;
  55. margin-top: 70rpx;
  56. justify-content: center;
  57. display: flex;
  58. }