home.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /* pages/home/home.wxss */
  2. .container {
  3. margin-left: 16rpx;
  4. margin-right: 16rpx;
  5. display: flex;
  6. flex-direction: column;
  7. }
  8. .container .helloC {
  9. margin-top: 32rpx;
  10. }
  11. .container .bannerC {
  12. margin-top: 16rpx;
  13. margin-bottom: 16rpx;
  14. height: 160rpx;
  15. }
  16. .bannerItemC {
  17. width: 100%;
  18. height: 160rpx;
  19. display: flex;
  20. }
  21. .device_empty_tips {
  22. display: flex;
  23. }
  24. .deviceScrollClass {
  25. margin-top: 16rpx;
  26. margin-bottom: 16rpx;
  27. }
  28. .deviceClass {
  29. flex: 1;
  30. width: 100%;
  31. display: inline-flex;
  32. margin-bottom: 16rpx;
  33. margin-top: 16rpx;
  34. }
  35. .device_img {
  36. width: 120rpx;
  37. height: 120rpx;
  38. margin-top: 16rpx;
  39. /* margin-bottom: 16rpx; */
  40. margin-left: 16rpx;
  41. }
  42. .detailClass {
  43. margin-left: 16rpx;
  44. margin-bottom: 16rpx;
  45. margin-top: 16rpx;
  46. flex: 1;
  47. }
  48. .power {
  49. /* width: 100rpx; */
  50. display: flex;
  51. }
  52. .power_img {
  53. width: 56rpx;
  54. height: 56rpx;
  55. }
  56. .power_text {
  57. width: 56rpx;
  58. height: 56rpx;
  59. }
  60. .devicename {
  61. margin-top: 4rpx;
  62. }
  63. .device_delete {
  64. display: inline;
  65. padding-left: 16rpx;
  66. padding-right: 16rpx;
  67. padding-top: 8rpx;
  68. padding-bottom: 8rpx;
  69. }
  70. .detail_page {
  71. margin-top: 16rpx;
  72. /* margin-left: 116rpx; */
  73. margin-right: 16rpx;
  74. width: 16rpx;
  75. height: 16rpx;
  76. }
  77. .device-empty-tips {
  78. margin-top: 16rpx;
  79. }