home.wxss 1.1 KB

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