uinNumber.wxss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @charset "UTF-8";
  2. .uni-numbox {
  3. display: -webkit-inline-box;
  4. display: -webkit-inline-flex;
  5. display: inline-flex;
  6. -webkit-box-orient: horizontal;
  7. -webkit-box-direction: normal;
  8. -webkit-flex-direction: row;
  9. flex-direction: row;
  10. -webkit-box-pack: start;
  11. -webkit-justify-content: flex-start;
  12. justify-content: flex-start;
  13. height: 70rpx;
  14. position: relative
  15. }
  16. .uni-numbox:after {
  17. content: '';
  18. position: absolute;
  19. -webkit-transform-origin: center;
  20. transform-origin: center;
  21. box-sizing: border-box;
  22. pointer-events: none;
  23. top: -50%;
  24. left: -50%;
  25. right: -50%;
  26. bottom: -50%;
  27. border: 1px solid #c8c7cc;
  28. border-radius: 12rpx;
  29. -webkit-transform: scale(.5);
  30. transform: scale(.5)
  31. }
  32. .uni-numbox__minus,
  33. .uni-numbox__plus {
  34. margin: 0;
  35. background-color: #f8f8f8;
  36. width: 70rpx;
  37. font-size: 40rpx;
  38. height: 100%;
  39. line-height: 70rpx;
  40. text-align: center;
  41. display: -webkit-inline-box;
  42. display: -webkit-inline-flex;
  43. display: inline-flex;
  44. -webkit-box-align: center;
  45. -webkit-align-items: center;
  46. align-items: center;
  47. -webkit-box-pack: center;
  48. -webkit-justify-content: center;
  49. justify-content: center;
  50. color: #333;
  51. position: relative
  52. }
  53. .uni-numbox__value {
  54. position: relative;
  55. background-color: #fff;
  56. width: 80rpx;
  57. height: 100%;
  58. text-align: center;
  59. padding: 0
  60. }
  61. .uni-numbox__value:after {
  62. content: '';
  63. position: absolute;
  64. -webkit-transform-origin: center;
  65. transform-origin: center;
  66. box-sizing: border-box;
  67. pointer-events: none;
  68. top: -50%;
  69. left: -50%;
  70. right: -50%;
  71. bottom: -50%;
  72. border-style: solid;
  73. border-color: #c8c7cc;
  74. border-left-width: 1px;
  75. border-right-width: 1px;
  76. border-top-width: 0;
  77. border-bottom-width: 0;
  78. -webkit-transform: scale(.5);
  79. transform: scale(.5)
  80. }
  81. .uni-numbox--disabled {
  82. color: silver
  83. }