index.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .page-header {
  2. .t-search__input-container {
  3. border-radius: 32rpx !important;
  4. height: 64rpx !important;
  5. }
  6. .t-search__input {
  7. font-size: 28rpx !important;
  8. color: rgb(116, 116, 116) !important;
  9. }
  10. }
  11. .t-tabs {
  12. .t-tabs__scroll--top {
  13. border: 0;
  14. }
  15. .t-is-active {
  16. --td-tab-item-active-color: #555;
  17. }
  18. .t-tabs__item {
  19. flex: 0;
  20. &.t-tabs__item--top {
  21. min-width: 100rpx;
  22. }
  23. }
  24. .t-tabs__track {
  25. background-color: #555;
  26. --td-tab-track-thickness: 6rpx;
  27. border-radius: 3rpx;
  28. }
  29. }
  30. .filter-content {
  31. background: #fff;
  32. height: 100vh;
  33. display: flex;
  34. flex-direction: column;
  35. .filter-wrap {
  36. flex: 1;
  37. width: 500rpx;
  38. min-height: 100rpx;
  39. }
  40. .filter-btns-wrap {
  41. display: flex;
  42. align-items: center;
  43. padding-bottom: constant(safe-area-inset-bottom); //兼容 IOS<11.2
  44. padding-bottom: env(safe-area-inset-bottom); //兼容 IOS>11.2
  45. }
  46. }
  47. .optionheader {
  48. .t-cell__title-text {
  49. font-size: 30rpx;
  50. }
  51. }
  52. .mb20 {
  53. margin-bottom: 20rpx;
  54. }