1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- .ab-mall-new-component .footer-button-container {
- position: absolute;
- z-index: 999;
- bottom: 0;
- width: 100%;
- background-color: #fff;
- box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12);
- padding: 18rpx 24rpx;
- padding-bottom: env(safe-area-inset-bottom);
- padding-bottom: constant(safe-area-inset-bottom);
- }
- .ab-mall-new-component .footer-button-container .bottom-container {
- display: flex;
- justify-content: space-between;
- margin-bottom: 18rpx;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block {
- flex: 1;
- display: flex;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon {
- display: flex;
- margin-right: 46rpx;
- align-items: center;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon .car-icon-img {
- width: 55rpx;
- height: 50rpx;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon .am-badge-text {
- background-color: #ff3b30 !important;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container {
- flex: 1;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money {
- display: flex;
- color: #fff;
- align-items: center;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .total {
- margin-right: 24rpx;
- font-size: 28rpx;
- font-weight: 400;
- color: #333;
- text-align: left;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .price-icon {
- font-size: 22rpx;
- display: inline;
- color: #ff3b30;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .price {
- font-size: 40rpx;
- font-weight: 500;
- color: #ff3b30;
- margin-right: 8rpx;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .pre-price {
- font-size: 25rpx;
- color: #999;
- margin-left: 16rpx;
- font-weight: 400;
- text-decoration: line-through;
- margin-right: 8rpx;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .btn-modal-container {
- display: flex;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .btn-modal-container .btn-modal-text {
- font-size: 18rpx;
- color: #999;
- letter-spacing: 0;
- font-weight: 400;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .car-button {
- color: #fff;
- font-size: 30rpx;
- font-weight: 600;
- padding: 11rpx 35rpx;
- border-radius: 32px;
- background: linear-gradient(138.81deg, #007dff 0%, #75c4ff 73%, #6eddff 100%);
- opacity: 1;
- }
- .ab-mall-new-component .footer-button-container .bottom-container .car-button-inactive {
- border-radius: 32rpx;
- background-color: #c9c9c9;
- color: #fff;
- font-size: 30rpx;
- font-weight: 600;
- padding: 11rpx 35rpx;
- }
|