home.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. page {
  2. box-sizing: border-box;
  3. padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
  4. }
  5. .t-tabs.t-tabs--top .t-tabs__scroll {
  6. border-bottom: none !important;
  7. }
  8. .home-page-header {
  9. background: linear-gradient(#fff, #f5f5f5);
  10. }
  11. .home-page-container {
  12. background: #f5f5f5;
  13. }
  14. .home-page-container,
  15. .home-page-header {
  16. display: block;
  17. padding: 0 24rpx;
  18. }
  19. .home-page-header .t-search__input-container {
  20. border-radius: 32rpx !important;
  21. height: 64rpx !important;
  22. }
  23. .home-page-header .t-search__input {
  24. font-size: 28rpx !important;
  25. color: rgb(116, 116, 116) !important;
  26. }
  27. .home-page-header .swiper-wrap {
  28. margin-top: 20rpx;
  29. }
  30. .home-page-header .t-image__swiper {
  31. width: 100%;
  32. height: 300rpx;
  33. border-radius: 10rpx;
  34. }
  35. .home-page-container .t-tabs {
  36. background: #f5f5f5 !important;
  37. }
  38. .home-page-container .t-tabs .t-tabs-nav {
  39. background-color: transparent;
  40. line-height: 80rpx;
  41. font-size: 28rpx;
  42. color: #333;
  43. }
  44. .home-page-container .t-tabs .t-tabs-scroll {
  45. border: none !important;
  46. }
  47. /* 半个字 */
  48. .home-page-container .tab.order-nav .order-nav-item.scroll-width {
  49. min-width: 165rpx;
  50. }
  51. .home-page-container .tab .order-nav-item.active {
  52. color: #fa550f !important;
  53. }
  54. .home-page-container .tab .bottom-line {
  55. border-radius: 4rpx;
  56. }
  57. .home-page-container .tab .order-nav-item.active .bottom-line {
  58. background-color: #fa550f !important;
  59. }
  60. .home-page-container .tabs-external__item {
  61. /* color: #666 !important; */
  62. font-size: 28rpx;
  63. }
  64. .home-page-container .tabs-external__active {
  65. color: #333333 !important;
  66. font-size: 32rpx;
  67. }
  68. .home-page-container .tabs-external__track {
  69. /* background-color: #fa4126 !important; */
  70. height: 6rpx !important;
  71. border-radius: 4rpx !important;
  72. width: 48rpx !important;
  73. }
  74. .t-tabs.t-tabs--top .t-tabs__item,
  75. .t-tabs.t-tabs--bottom .t-tabs__item {
  76. height: 86rpx !important;
  77. }
  78. .home-page-container .goods-list-container {
  79. background: #f5f5f5 !important;
  80. margin-top: 16rpx;
  81. }
  82. .home-page-tabs {
  83. --td-tab-nav-bg-color: transparent;
  84. --td-tab-border-color: transparent;
  85. --td-tab-item-color: #666;
  86. --td-tab-track-color: red;
  87. }