index.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. page {
  2. background-color: #fff;
  3. }
  4. .goods-list-container {
  5. display: block;
  6. }
  7. .goods-list-container .t-search {
  8. padding: 0 30rpx;
  9. background-color: #fff;
  10. }
  11. .goods-list-container .t-class__input-container {
  12. height: 64rpx !important;
  13. border-radius: 32rpx !important;
  14. }
  15. .goods-list-container .t-search__left-icon {
  16. display: flex;
  17. align-items: center;
  18. }
  19. .goods-list-container .t-search__input {
  20. font-size: 28rpx !important;
  21. color: rgb(116, 116, 116) !important;
  22. }
  23. .goods-list-container .category-goods-list {
  24. background-color: #f2f2f2;
  25. overflow-y: scroll;
  26. -webkit-overflow-scrolling: touch;
  27. padding: 20rpx 24rpx;
  28. -webkit-overflow-scrolling: touch;
  29. }
  30. .goods-list-container .wr-goods-list {
  31. background: #f2f2f2 !important;
  32. }
  33. .goods-list-container .t-image__mask {
  34. display: flex !important;
  35. }
  36. .goods-list-container .empty-wrap {
  37. margin-top: 184rpx;
  38. margin-bottom: 120rpx;
  39. height: 300rpx;
  40. }
  41. .goods-list-container .empty-wrap .empty-tips .empty-content .content-text {
  42. margin-top: 40rpx;
  43. }
  44. .goods-list-container .price-container {
  45. padding: 32rpx;
  46. height: 100vh;
  47. max-width: 632rpx;
  48. background-color: #fff;
  49. border-radius: 30rpx 0 0 30rpx;
  50. box-sizing: border-box;
  51. }
  52. .goods-list-container .price-between {
  53. font-size: 26rpx;
  54. font-weight: 500;
  55. color: rgba(51, 51, 51, 1);
  56. }
  57. .goods-list-container .price-ipts-wrap {
  58. width: 100%;
  59. display: flex;
  60. align-items: center;
  61. justify-content: space-around;
  62. margin-top: 24rpx;
  63. --td-input-bg-color: rgba(245, 245, 245, 1);
  64. --td-input-vertical-padding: 4rpx;
  65. --td-input-border-color: transparent;
  66. }
  67. .goods-list-container .price-ipts-wrap .price-divided {
  68. width: 16rpx;
  69. margin: 0 24rpx;
  70. color: #333333;
  71. }
  72. .goods-list-container .price-ipts-wrap .t-input__wrapper {
  73. margin: 0 !important;
  74. }
  75. .goods-list-container .price-ipts-wrap .t-input__content,
  76. .goods-list-container .price-ipts-wrap .t-input__placeholder {
  77. font-size: 24rpx !important;
  78. }
  79. .goods-list-container .price-ipts-wrap .price-ipt {
  80. border-radius: 8rpx;
  81. }