quickBuy.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .randomPop >>> .uni-popup__wrapper-box{flex: 1;width:750rpx;}
  2. .popup-content{background-color: #fff;padding: 24rpx 30rpx;}
  3. .bottom .popup-content{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  4. .product{display: flex;margin-bottom: 24rpx;}
  5. .product-img-wrap{width: 260rpx;height: 260rpx;overflow: hidden;display: flex;align-items: center;border-radius: 16rpx;border: 1px solid #979797;position: absolute;top: -79rpx;background-color: #fff;}
  6. .product-img-wrap .product-img{width: 100%;height: 100%;}
  7. .product-info{margin-left: 284rpx;}
  8. .product-info-name{font-size: 32rpx;color: #333;line-height: 45rpx;font-weight: bold;margin-bottom: 8rpx;min-height: 99rpx;margin-bottom: 24rpx;}
  9. .product-info-price-wrap{font-size: 28rpx;color: #FF5030;}
  10. .product-info-price{font-size: 36rpx;font-weight: bold;margin-left: 10rpx;line-height: 50rpx;}
  11. .product-info-unit{font-size: 24rpx;color: #999;}
  12. .nums{}
  13. .nums-til{font-size: 26rpx;color: #333;line-height: 37rpx;margin-bottom: 24rpx;}
  14. .nums .countNum{display:flex;width:221rpx;height:64rpx;border:1px solid #E5E5E5;}
  15. .nums .countNum .countNum-action{width:230rpx;height:100%;line-height:64rpx;color:#65B74E;text-align:center;}
  16. .nums .countNum .reduce{border-right:1px solid #E5E5E5;}
  17. .nums .countNum .add{border-left:1px solid #E5E5E5;}
  18. .nums .countNum .countNum-input .uni-input{height:100%;text-align:center;}
  19. .buy-btn{height: 98rpx;line-height: 98rpx;background-color: #6BBC6D;color: #fff;text-align: center;border-radius: 8rpx;margin-top: 140rpx;font-size: 36rpx;}