您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

79 行
1.6 KiB

  1. .top {
  2. display: flex;
  3. align-items: center;
  4. justify-content: space-between;
  5. padding: 50rpx 25rpx;
  6. margin-bottom: 15rpx;
  7. }
  8. .top .title {
  9. color: #000000;
  10. font-weight: 600;
  11. font-size: 32rpx;
  12. }
  13. .top .searchBtn {
  14. display: inline-block;
  15. color: #ffffff;
  16. background-color: #52a0fd;
  17. border-radius: 15rpx;
  18. padding: 10rpx;
  19. }
  20. .content {
  21. display: flex;
  22. justify-content: space-between;
  23. flex-wrap: wrap;
  24. padding: 0 20rpx;
  25. }
  26. .content .item {
  27. width: 33%;
  28. height: 200rpx;
  29. /* background-color: red; */
  30. text-align: center;
  31. margin-bottom: 40rpx;
  32. }
  33. .content .item .imgBox {
  34. width: 30%;
  35. height: 35%;
  36. background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
  37. margin: auto;
  38. margin-bottom: 20rpx;
  39. padding: 25rpx;
  40. border-radius: 15rpx;
  41. }
  42. .content .item .imgBox image {
  43. width: 100%;
  44. height: 100%;
  45. }
  46. /* .content .item .imgBox.bill {
  47. background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  48. }
  49. .content .item .imgBox.over {
  50. background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
  51. }
  52. .content .item .imgBox.near {
  53. background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
  54. }
  55. .content .item .imgBox.report {
  56. background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%);
  57. }
  58. .content .item .imgBox.shop {
  59. background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
  60. }
  61. .content .item .imgBox.sell {
  62. background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%);
  63. }
  64. .content .item .imgBox.meter {
  65. background-image: linear-gradient(to right, #d7d2cc 0%, #304352 100%);
  66. } */