12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- .cip-number {
- &&--left {
- .@{elNamespace}-input__inner {
- text-align: left;
- }
- }
- &&--unit {
- position: relative;
- .@{elNamespace}-input__inner {
- }
- &::after {
- content: attr(data-unit);
- position: absolute;
- right: 4px;
- top: 1px;
- //height: @formItemLineHeight;
- color: @info;
- }
- }
- &&--no-controls:not(.cip-number--unit) {
- .@{elNamespace}-input__inner {
- }
- }
- &--standard {
- &.@{elNamespace}-input-number--large {
- .@{elNamespace}-input__inner {
- // 62px = 右侧两个按钮2*30+中间竖线1px,15px为默认的左边间距
- }
- }
- &.@{elNamespace}-input-number--default {
- .@{elNamespace}-input__inner {
- }
- }
- &.@{elNamespace}-input-number--small {
- .@{elNamespace}-input__inner {
- }
- .@{elNamespace}-input-number__decrease {
- // small 状态下right 32px异常需要覆盖
- right: 24px;
- }
- }
- .@{elNamespace}-input-number__decrease {
- left: auto;
- right: 32px;
- // 按钮30px+右边框1px+左边竖线1px
- background: inherit;
- border: none;
- }
- .@{elNamespace}-input-number__increase {
- background: inherit;
- border: none;
- &::before {
- content: '';
- position: absolute;
- left: 0;
- top: 8px;
- bottom: 8px;
- width: 1px;
- background: var(--el-border-color);
- }
- }
- }
- }
- .@{elNamespace}-input-number {
- &.cip-number {
- &--standard {
- &.@{elNamespace}-input-number--large {
- .@{elNamespace}-input-number__decrease {
- right: 40px;
- // 按钮38px+右边框1px+左边竖线1px
- }
- }
- }
- }
- }
|