style.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @import "../../style/common";
  2. @import "../../style/font";
  3. .step-model{
  4. height: 60rpx;
  5. border: 2rpx solid #f4f4f4;
  6. display: flex;
  7. flex-direction: row;
  8. box-sizing: border-box;
  9. }
  10. .step-model-small {
  11. /*height: 38rpx;*/
  12. }
  13. .flex{
  14. display: flex;
  15. }
  16. .center{
  17. justify-content: center;
  18. align-items: center;
  19. }
  20. .step-control{
  21. width: 52rpx;
  22. height: 100%;
  23. font-size: 28rpx;
  24. line-height: 28rpx;
  25. font-weight: bold;
  26. }
  27. .step-control-small {
  28. width: 48rpx;
  29. font-size: 24rpx;
  30. }
  31. .step-input{
  32. width: 84rpx;
  33. border-left: 2rpx solid #f4f4f4;
  34. border-right: 2rpx solid #f4f4f4;
  35. text-align: center;
  36. padding: 1rpx 10rpx;
  37. margin: 0;
  38. box-sizing: border-box;
  39. font-size: 32rpx;
  40. height: 100%;
  41. font-weight: 400;
  42. min-height: auto;
  43. }
  44. .step-input-small{
  45. font-size: 22rpx;
  46. width: 74rpx;
  47. }
  48. .step-disabled,.step-disabled-input{
  49. background-color: #f7f7f7;
  50. color: #bebebe !important;
  51. }
  52. /* 商品 */
  53. .step-modal-shop {
  54. width: 138upx;
  55. height: 44upx;
  56. border: 1upx solid #BBBBBB;
  57. border-radius: 6upx;
  58. }
  59. .step-modal-shop .step-control{
  60. width: 44upx;
  61. }
  62. .step-modal-shop .iconfont-sign,
  63. .step-modal-shop .iconfont-puls{
  64. font-size: 20upx;
  65. color: #666666;
  66. line-height: 24upx;
  67. }
  68. .step-modal-shop .step-input{
  69. width: 52upx;
  70. font-size: 28upx;
  71. color: #666666;
  72. line-height: 32upx;
  73. border-color: #BBBBBB !important;
  74. padding: 0;
  75. font-family: Source Han Sans CN;
  76. }
  77. /* 商品 */