index.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. @import '../style/var';
  2. .van-coupon-list {
  3. position: relative;
  4. height: 100%;
  5. background-color: @coupon-list-background-color;
  6. &__field {
  7. padding: @coupon-list-field-padding;
  8. .van-field__body {
  9. height: 34px;
  10. padding-left: @padding-sm;
  11. line-height: 34px;
  12. background: @gray-1;
  13. border-radius: 17px;
  14. &::placeholder {
  15. color: @gray-5;
  16. }
  17. }
  18. .van-field__clear {
  19. margin-right: 0;
  20. }
  21. }
  22. &__exchange-bar {
  23. display: flex;
  24. align-items: center;
  25. background-color: @white;
  26. }
  27. &__exchange {
  28. flex: none;
  29. height: @coupon-list-exchange-button-height;
  30. font-size: @font-size-lg;
  31. line-height: @coupon-list-exchange-button-height - 2px;
  32. border: 0;
  33. }
  34. .van-tabs__wrap {
  35. box-shadow: 0 6px 12px -12px @gray-6;
  36. }
  37. &__list {
  38. box-sizing: border-box;
  39. padding: @padding-md 0 @padding-lg;
  40. overflow-y: auto;
  41. -webkit-overflow-scrolling: touch;
  42. &--with-bottom {
  43. padding-bottom: @padding-md + 50px;
  44. }
  45. }
  46. &__bottom {
  47. position: absolute;
  48. bottom: 0;
  49. left: 0;
  50. z-index: 999;
  51. box-sizing: border-box;
  52. width: 100%;
  53. padding: 5px @padding-md;
  54. font-weight: @font-weight-bold;
  55. background-color: @white;
  56. }
  57. &__close {
  58. height: @coupon-list-close-button-height;
  59. }
  60. &__empty {
  61. padding-top: 60px;
  62. text-align: center;
  63. p {
  64. margin: @padding-md 0;
  65. color: @coupon-list-empty-tip-color;
  66. font-size: @coupon-list-empty-tip-font-size;
  67. line-height: @coupon-list-empty-tip-line-height;
  68. }
  69. img {
  70. width: @coupon-list-empty-image-size;
  71. height: @coupon-list-empty-image-size;
  72. }
  73. }
  74. }