u-number-box.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. view.data-v-a54b45c0, scroll-view.data-v-a54b45c0, swiper-item.data-v-a54b45c0 {
  16. display: flex;
  17. flex-direction: column;
  18. flex-shrink: 0;
  19. flex-grow: 0;
  20. flex-basis: auto;
  21. align-items: stretch;
  22. align-content: flex-start;
  23. }
  24. .u-number-box.data-v-a54b45c0 {
  25. display: flex;
  26. flex-direction: row;
  27. align-items: center;
  28. }
  29. .u-number-box__slot.data-v-a54b45c0 {
  30. touch-action: none;
  31. }
  32. .u-number-box__plus.data-v-a54b45c0, .u-number-box__minus.data-v-a54b45c0 {
  33. width: 35px;
  34. display: flex;
  35. flex-direction: row;
  36. justify-content: center;
  37. align-items: center;
  38. touch-action: none;
  39. }
  40. .u-number-box__plus--hover.data-v-a54b45c0, .u-number-box__minus--hover.data-v-a54b45c0 {
  41. background-color: #E6E6E6 !important;
  42. }
  43. .u-number-box__plus--disabled.data-v-a54b45c0, .u-number-box__minus--disabled.data-v-a54b45c0 {
  44. color: #c8c9cc;
  45. background-color: #f7f8fa;
  46. }
  47. .u-number-box__plus.data-v-a54b45c0 {
  48. border-top-right-radius: 4px;
  49. border-bottom-right-radius: 4px;
  50. }
  51. .u-number-box__minus.data-v-a54b45c0 {
  52. border-top-left-radius: 4px;
  53. border-bottom-left-radius: 4px;
  54. }
  55. .u-number-box__input.data-v-a54b45c0 {
  56. position: relative;
  57. text-align: center;
  58. font-size: 15px;
  59. padding: 0;
  60. margin: 0 2px;
  61. display: flex;
  62. flex-direction: row;
  63. align-items: center;
  64. justify-content: center;
  65. }
  66. .u-number-box__input--disabled.data-v-a54b45c0 {
  67. color: #c8c9cc;
  68. background-color: #f2f3f5;
  69. }