home.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  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. flex: 1;
  24. justify-content: center;
  25. }
  26. .deviceScrollClass {
  27. margin-top: 16rpx;
  28. /* margin-bottom: 16rpx; */
  29. padding-bottom: 16rpx;
  30. }
  31. .deviceClass {
  32. flex: 1;
  33. width: 100%;
  34. display: inline-flex;
  35. margin-bottom: 16rpx;
  36. margin-top: 16rpx;
  37. }
  38. .device_img {
  39. width: 120rpx;
  40. height: 120rpx;
  41. margin-top: 16rpx;
  42. /* margin-bottom: 16rpx; */
  43. margin-left: 16rpx;
  44. }
  45. .detailClass {
  46. margin-left: 16rpx;
  47. margin-bottom: 16rpx;
  48. margin-top: 16rpx;
  49. flex: 1;
  50. }
  51. .power {
  52. /* width: 100rpx; */
  53. display: flex;
  54. }
  55. .power_img {
  56. width: 56rpx;
  57. height: 56rpx;
  58. }
  59. .power_text {
  60. width: 56rpx;
  61. height: 56rpx;
  62. }
  63. .devicename {
  64. margin-top: 4rpx;
  65. }
  66. .device_delete {
  67. display: inline;
  68. padding-left: 16rpx;
  69. padding-right: 16rpx;
  70. padding-top: 8rpx;
  71. padding-bottom: 8rpx;
  72. }
  73. .detail_page {
  74. margin-top: 16rpx;
  75. /* margin-left: 116rpx; */
  76. margin-right: 16rpx;
  77. width: 16rpx;
  78. height: 16rpx;
  79. }
  80. .device-empty-tips {
  81. margin-top: 16rpx;
  82. }