|
|
@@ -176,7 +176,20 @@ export default {
|
|
|
font-style: normal;
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
- padding: 10upx;
|
|
|
+ padding: 20upx;
|
|
|
+ min-width: 44px;
|
|
|
+ min-height: 44px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 8upx;
|
|
|
+ transition: all 0.2s ease;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tui-numbox-icon:active {
|
|
|
+ transform: scale(0.95);
|
|
|
+ background-color: rgba(0, 0, 0, 0.05);
|
|
|
}
|
|
|
|
|
|
.tui-icon-reduce:before {
|
|
|
@@ -195,11 +208,20 @@ export default {
|
|
|
|
|
|
.tui-num-input {
|
|
|
text-align: center;
|
|
|
- margin: 0 12upx;
|
|
|
+ margin: 0 16upx;
|
|
|
font-weight: 400;
|
|
|
+ border-radius: 8upx;
|
|
|
+ border: 1px solid #e8e8e8;
|
|
|
}
|
|
|
|
|
|
.tui-disabled {
|
|
|
color: #ededed !important;
|
|
|
+ background-color: #f5f5f5 !important;
|
|
|
+ transform: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tui-disabled:active {
|
|
|
+ transform: none !important;
|
|
|
+ background-color: #f5f5f5 !important;
|
|
|
}
|
|
|
</style>
|
