index.module.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .useCoupon {
  2. // padding-top: 16px;
  3. // padding-bottom: 16px;
  4. border-radius: 10px;
  5. .couponCount {
  6. color: #ff3535;
  7. font-size: 14px;
  8. font-weight: 500;
  9. i {
  10. font-style: normal;
  11. font-size: 14px;
  12. }
  13. }
  14. }
  15. .choiceCoupon {
  16. display: flex;
  17. flex-direction: column;
  18. overflow: hidden;
  19. height: 100%;
  20. }
  21. .couponTitle {
  22. display: flex;
  23. align-items: center;
  24. justify-content: space-between;
  25. flex-shrink: 0;
  26. padding: 0 17px;
  27. height: 60px;
  28. line-height: 60px;
  29. font-size: 18px;
  30. font-weight: 600;
  31. color: #1a1a1a;
  32. .iconClose {
  33. display: inline-block;
  34. width: 24px;
  35. height: 24px;
  36. background: url('../../coupons/images/icon_close.png') no-repeat center;
  37. background-size: contain;
  38. }
  39. }
  40. .couponContent {
  41. flex: 1 auto;
  42. overflow-y: auto;
  43. -webkit-overflow-scrolling: touch;
  44. padding: 12px 14px;
  45. --coupon-point: #fff;
  46. }
  47. .couponFooter {
  48. display: flex;
  49. align-items: center;
  50. justify-content: space-between;
  51. line-height: 56px;
  52. padding: 0 16px;
  53. .couponSelectText {
  54. font-size: 16px;
  55. color: #1a1a1a;
  56. span {
  57. padding: 0 9px;
  58. font-weight: 600;
  59. color: #fc1a19;
  60. }
  61. }
  62. .btnTenant {
  63. background-color: #FE2451;
  64. border: none;
  65. font-size: 16px;
  66. }
  67. }