input-number.scss 739 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .cl-input-number {
  2. display: inline-flex;
  3. align-items: center;
  4. &__plus,
  5. &__minus {
  6. display: inline-flex;
  7. align-items: center;
  8. justify-content: center;
  9. height: 40rpx;
  10. width: 40rpx;
  11. margin: 0;
  12. padding: 0;
  13. border-radius: 6rpx;
  14. font-size: 28rpx;
  15. &::after {
  16. border: 0;
  17. }
  18. &:active {
  19. opacity: 0.8;
  20. }
  21. }
  22. &__plus {
  23. background-color: $cl-color-primary;
  24. color: #fff;
  25. }
  26. &__minus {
  27. background-color: #eee;
  28. }
  29. &__value {
  30. font-size: 26rpx;
  31. margin: 0 20rpx;
  32. text-align: center;
  33. input {
  34. height: 40rpx;
  35. line-height: 40rpx;
  36. padding: 0 10rpx;
  37. border-radius: 8rpx;
  38. border: 1rpx solid #dcdfe6;
  39. font-size: 26rpx;
  40. box-sizing: border-box;
  41. }
  42. text {
  43. font-size: 24rpx;
  44. }
  45. }
  46. }