家政小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.wxss 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. page {
  2. background-color: #ebebeb;
  3. }
  4. .page {
  5. overflow: hidden;
  6. }
  7. .page-bd {
  8. padding-top: 20rpx;
  9. }
  10. .classify {
  11. margin-bottom: 20rpx;
  12. }
  13. .hd {
  14. height: 52rpx;
  15. line-height: 52rpx;
  16. margin: 0 20rpx;
  17. font-size: 24rpx;
  18. color: #ffffff;
  19. border-radius: 6rpx;
  20. }
  21. .hd .dot {
  22. font-size: 18rpx;
  23. display: inline-block;
  24. margin: 0 14rpx;
  25. }
  26. .blue .hd {
  27. background-color: #7069ff;
  28. }
  29. .blue .text {
  30. color: #7069ff;
  31. }
  32. .green .hd {
  33. background-color: #4ad008;
  34. }
  35. .green .text {
  36. color: #4ad008;
  37. }
  38. .pink .hd {
  39. background-color: #ff00b4;
  40. }
  41. .pink .text {
  42. color: #ff00b4;
  43. }
  44. .orange .hd {
  45. background-color: #ff7800;
  46. }
  47. .orange .text {
  48. color: #ff7800;
  49. }
  50. .purple .hd {
  51. background-color: #cd12f5;
  52. }
  53. .purple .text {
  54. color: #cd12f5;
  55. }
  56. .bd {
  57. margin: 0 10rpx;
  58. font-size: 0;
  59. }
  60. .item {
  61. margin-top: 20rpx;
  62. display: inline-block;
  63. width: 33.33%;
  64. }
  65. .inner {
  66. margin: 0 10rpx;
  67. background-color: #fff;
  68. border-radius: 6rpx;
  69. padding: 20rpx 12rpx;
  70. position: relative;
  71. line-height: 1.4;
  72. }
  73. .icon-arr {
  74. width: 34rpx;
  75. height: 34rpx;
  76. position: absolute;
  77. bottom: 20rpx;
  78. right: 12rpx;
  79. }
  80. .text {
  81. font-size: 22rpx;
  82. }
  83. .sub-text {
  84. font-size: 20rpx;
  85. color: #999999;
  86. margin-top: 10rpx;
  87. text-align: left;
  88. }