index.acss 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .ab-mall-new-component .footer-button-container {
  2. position: absolute;
  3. z-index: 999;
  4. bottom: 0;
  5. width: 100%;
  6. background-color: #fff;
  7. box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12);
  8. padding: 18rpx 24rpx;
  9. padding-bottom: env(safe-area-inset-bottom);
  10. padding-bottom: constant(safe-area-inset-bottom);
  11. }
  12. .ab-mall-new-component .footer-button-container .bottom-container {
  13. display: flex;
  14. justify-content: space-between;
  15. margin-bottom: 18rpx;
  16. }
  17. .ab-mall-new-component .footer-button-container .bottom-container .tap-block {
  18. flex: 1;
  19. display: flex;
  20. }
  21. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon {
  22. display: flex;
  23. margin-right: 46rpx;
  24. align-items: center;
  25. }
  26. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon .car-icon-img {
  27. width: 55rpx;
  28. height: 50rpx;
  29. }
  30. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon .am-badge-text {
  31. background-color: #ff3b30 !important;
  32. }
  33. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container {
  34. flex: 1;
  35. display: flex;
  36. align-items: center;
  37. flex-wrap: wrap;
  38. }
  39. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money {
  40. display: flex;
  41. color: #fff;
  42. align-items: center;
  43. }
  44. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .total {
  45. margin-right: 24rpx;
  46. font-size: 28rpx;
  47. font-weight: 400;
  48. color: #333;
  49. text-align: left;
  50. }
  51. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .price-icon {
  52. font-size: 22rpx;
  53. display: inline;
  54. color: #ff3b30;
  55. }
  56. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .price {
  57. font-size: 40rpx;
  58. font-weight: 500;
  59. color: #ff3b30;
  60. margin-right: 8rpx;
  61. }
  62. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .pre-price {
  63. font-size: 25rpx;
  64. color: #999;
  65. margin-left: 16rpx;
  66. font-weight: 400;
  67. text-decoration: line-through;
  68. margin-right: 8rpx;
  69. }
  70. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .btn-modal-container {
  71. display: flex;
  72. }
  73. .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .btn-modal-container .btn-modal-text {
  74. font-size: 18rpx;
  75. color: #999;
  76. letter-spacing: 0;
  77. font-weight: 400;
  78. }
  79. .ab-mall-new-component .footer-button-container .bottom-container .car-button {
  80. color: #fff;
  81. font-size: 30rpx;
  82. font-weight: 600;
  83. padding: 11rpx 35rpx;
  84. border-radius: 32px;
  85. background: linear-gradient(138.81deg, #007dff 0%, #75c4ff 73%, #6eddff 100%);
  86. opacity: 1;
  87. }
  88. .ab-mall-new-component .footer-button-container .bottom-container .car-button-inactive {
  89. border-radius: 32rpx;
  90. background-color: #c9c9c9;
  91. color: #fff;
  92. font-size: 30rpx;
  93. font-weight: 600;
  94. padding: 11rpx 35rpx;
  95. }