coupon.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. page {
  2. background: #ebebec;
  3. }
  4. .order-bar{
  5. height: 100rpx;
  6. display: flex;
  7. background-color: #ffffff;
  8. }
  9. .order-bar .order-title{
  10. flex: 1;
  11. }
  12. .order-title .order-title-text{
  13. margin: 0 auto;
  14. width: 80%;
  15. height: 90rpx;
  16. text-align: center;
  17. font-size: 35rpx;
  18. line-height: 100rpx;
  19. /* border: 1rpx solid black; */
  20. }
  21. .order-title .select-bar{
  22. width: 50rpx;
  23. height: 10rpx;
  24. background-color: var(--themeColor);
  25. border-radius: 5rpx;
  26. position: relative;
  27. top: 0;
  28. left: 100rpx;
  29. }
  30. .coupons-container {
  31. padding: 32rpx;
  32. }
  33. .list {
  34. margin-bottom: 32rpx;
  35. background: #fff;
  36. border-radius: 12rpx;
  37. padding: 32rpx;
  38. display: flex;
  39. align-items: center;
  40. line-height: 48rpx;
  41. }
  42. .list .l {
  43. text-align: center;
  44. width: 200rpx;
  45. }
  46. .list .l .price {
  47. font-size: 60rpx;
  48. color:#e64340;
  49. }
  50. .list .l .price text {
  51. font-size: 28rpx;
  52. margin-right: 8rpx;
  53. }
  54. .list .l .hreshold {
  55. font-size: 26rpx;
  56. color:#666;
  57. }
  58. .list .r {
  59. margin-left: 32rpx;
  60. }
  61. .list .r .name {
  62. color: #333;
  63. font-size: 35rpx;
  64. }
  65. .list .r .times {
  66. color: #666;
  67. font-size: 26rpx;
  68. }
  69. .empty{
  70. }
  71. .empty .nodata{
  72. margin: 0 auto;
  73. text-align: center;
  74. }
  75. .nodata image{
  76. width: 500rpx;
  77. height: 500rpx;
  78. margin: 0 150rpx 0 100rpx;
  79. }
  80. .nodata .desc{
  81. color: #bfbfbb;
  82. font-size: 30rpx;
  83. }