BottomActionBar.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .bottom-action-bar.data-v-65412fc8 {
  2. display: flex;
  3. justify-content: space-between;
  4. align-items: center;
  5. border-radius: 0;
  6. padding: 20rpx;
  7. box-sizing: border-box;
  8. position: fixed;
  9. left: 0;
  10. right: 0;
  11. bottom: 0;
  12. z-index: 999;
  13. padding-bottom: env(safe-area-inset-bottom);
  14. background-color: #fff;
  15. box-shadow: 0rpx -11rpx 46rpx 0rpx rgba(0, 0, 0, 0.05);
  16. }
  17. .coupon-btn.data-v-65412fc8 {
  18. width: 140rpx;
  19. height: 100rpx;
  20. position: relative;
  21. }
  22. .coupon-btn .bg-img.data-v-65412fc8 {
  23. width: 100%;
  24. height: 100%;
  25. position: absolute;
  26. left: 0;
  27. top: 0;
  28. }
  29. .coupon-btn .coupon-content.data-v-65412fc8 {
  30. position: absolute;
  31. left: 0;
  32. top: 0;
  33. z-index: 1;
  34. width: 100%;
  35. height: 100%;
  36. color: #fff;
  37. text-align: center;
  38. padding-top: 6rpx;
  39. }
  40. .coupon-btn .coupon-content .icon-coupon.data-v-65412fc8 {
  41. width: 30rpx;
  42. height: 21rpx;
  43. }
  44. .coupon-btn .coupon-content .coupon-text.data-v-65412fc8 {
  45. width: 100%;
  46. font-size: 24rpx;
  47. }
  48. .cart-btn.data-v-65412fc8 {
  49. width: 561rpx;
  50. height: 100rpx;
  51. position: relative;
  52. }
  53. .cart-btn .bg-img.data-v-65412fc8 {
  54. width: 100%;
  55. height: 100%;
  56. position: absolute;
  57. left: 0;
  58. top: 0;
  59. }
  60. .cart-btn .shop-cart.data-v-65412fc8 {
  61. display: flex;
  62. align-items: center;
  63. justify-content: space-between;
  64. width: 100%;
  65. height: 100%;
  66. position: absolute;
  67. left: 0;
  68. top: 0;
  69. z-index: 1;
  70. color: #fff;
  71. padding-left: 30rpx;
  72. }
  73. .cart-btn .shop-cart .shop-cart-content.data-v-65412fc8 {
  74. display: flex;
  75. align-items: center;
  76. }
  77. .cart-btn .shop-cart .icon-shopping-cart.data-v-65412fc8 {
  78. width: 76rpx;
  79. height: 76rpx;
  80. }
  81. .cart-btn .shop-cart .price.data-v-65412fc8 {
  82. display: flex;
  83. align-items: baseline;
  84. color: #FFFFFF;
  85. font-weight: bold;
  86. }
  87. .cart-btn .shop-cart .price .price-symbol.data-v-65412fc8 {
  88. font-size: 24rpx;
  89. margin-right: 2rpx;
  90. }
  91. .cart-btn .shop-cart .price .price-number.data-v-65412fc8 {
  92. font-size: 38rpx;
  93. }
  94. .cart-btn .shop-cart .number.data-v-65412fc8 {
  95. display: inline-block;
  96. padding: 2rpx 10rpx;
  97. background-color: #FF4545;
  98. position: absolute;
  99. left: 80rpx;
  100. top: 10rpx;
  101. border-radius: 40rpx;
  102. color: #fff;
  103. font-size: 24rpx;
  104. }
  105. .cart-btn .order-btn.data-v-65412fc8 {
  106. width: 200rpx;
  107. height: 100rpx;
  108. display: flex;
  109. align-items: center;
  110. justify-content: center;
  111. font-weight: bold;
  112. font-size: 31rpx;
  113. color: #FFFFFF;
  114. }