123 |
- .container{padding-bottom:134rpx;background-color:#f8f8f8}.container .empty{position:fixed;left:0;top:0;width:100%;height:100vh;padding-bottom:100rpx;display:flex;justify-content:center;flex-direction:column;align-items:center;background:#fff}.container .empty .emptyImg{width:300rpx;height:250rpx;margin-bottom:30rpx}.container .empty .empty-tips{display:flex;font-size:26rpx;color:#c0c4cc}.container .empty .empty-tips .navigator{color:#5dbc7c;margin-left:16rpx}.cart-item{width:710rpx;height:210rpx;background:#fff;box-shadow:0 0 10rpx 0rpx rgba(0,0,0,.1);border-radius:10rpx;margin:20rpx auto;display:flex;position:relative;padding:30rpx 26rpx 30rpx 80rpx}.cart-item .image-wrapper{width:150rpx;height:150rpx;flex-shrink:0;position:relative}.cart-item .image-wrapper image{border-radius:8rpx}.cart-item .checkbox{position:absolute;top:0;bottom:0;left:-65rpx;margin:auto 0;height:50rpx;z-index:8;font-size:44rpx;line-height:1;padding:4rpx;color:#c0c4cc;background:#fff;border-radius:50px}.cart-item .item-right{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;padding-left:30rpx}.cart-item .item-right .munbox{width:144rpx;height:44rpx;position:absolute;bottom:0;right:0}.cart-item .item-right .munbox input{display:inline-block;text-align:center}.cart-item .item-right .munbox image{flex-shrink:0;width:44rpx;height:44rpx}.cart-item .item-right .title,
- .cart-item .item-right .price{font-size:30rpx;color:#303133;height:40rpx;line-height:40rpx}.cart-item .item-right .attr{font-size:26rpx;color:#909399;height:50rpx;line-height:50rpx;font-size:26rpx;font-family:PingFang SC;font-weight:700;color:#999}.cart-item .item-right .price{padding-top:20rpx;font-size:34rpx;font-family:PingFang SC;font-weight:700;color:#ff4c4c}.cart-item .item-right .step{margin-top:20rpx}.cart-item .item-right .title{font-size:34rpx;font-family:PingFang SC;font-weight:700;color:#333}.cart-item .del-btn{padding:4rpx 10rpx;font-size:34rpx;height:50rpx;color:#909399}.action-section{position:fixed;left:30rpx;bottom:30rpx;z-index:95;display:flex;align-items:center;width:690rpx;height:100rpx;padding:0 30rpx;background:hsla(0,0%,100%,.9);box-shadow:0 0 20rpx 0 rgba(0,0,0,.5);border-radius:16rpx}.action-section .checkbox{height:52rpx;position:relative}.action-section .checkbox .icon-checked-box{border-radius:50rpx;background-color:#fff;width:52rpx;height:100%;position:relative;z-index:5;font-size:53rpx;line-height:1;color:#909399}.action-section .checkbox .icon-checked{color:#dc262b}.action-section .clear-btn{position:absolute;left:26rpx;top:0;z-index:4;width:0;height:52rpx;line-height:52rpx;padding-left:38rpx;font-size:28rpx;color:#fff;background:#c0c4cc;border-radius:0 50px 50px 0;opacity:0;transition:.2s}.action-section .clear-btn.show{opacity:1;width:120rpx}.action-section .total-box{flex:1;display:flex;flex-direction:column;text-align:right;padding-right:40rpx}.action-section .total-box .price{font-size:32rpx;color:#303133}.action-section .total-box .coupon{font-size:24rpx;color:#909399}.action-section .total-box .coupon text{color:#303133}.action-section .confirm-btn{padding:0 38rpx;margin:0;border-radius:100px;height:76rpx;line-height:76rpx;font-size:30rpx;background:#dc262b}.action-section .checkbox.checked,
- .cart-item .checkbox.checked{color:#dc262b}.cart-hand{width:750rpx;height:88rpx;background:#fff;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#333;line-height:88rpx;padding-left:28rpx;padding-right:26rpx}.cart-hand .hand-tit text{color:#ff4c4c}.cart-hand .hand-btn{width:164rpx;height:62rpx;border:2rpx solid #ff4c4c;border-radius:31rpx;font-size:26rpx;font-family:PingFang SC;font-weight:700;color:#ff4c4c;line-height:62rpx;text-align:center}
|