Browse Source

upd: 步进器样式修改

zhangyufei 5 years ago
parent
commit
72ca70e7b9
1 changed files with 10 additions and 8 deletions
  1. 10 8
      src/packages/stepper/stepper.scss

+ 10 - 8
src/packages/stepper/stepper.scss

@@ -1,5 +1,5 @@
 .nut-stepper {
-  border: 1px solid #dedede;
+  border: $border-width-base $border-style-base $disabled-border;
 
   .nut-stepper-fake,
   .nut-stepper-fake- {
@@ -22,19 +22,19 @@
     font-weight: bold;
   }
   input {
-    background: #F7F7F7;
+    background: $body-background-color;
   }
   .nut-stepper-fake,
   .nut-stepper-fake- {
-    background: #F7F7F7;
+    background: $body-background-color;
     div {
-      background: #F7F7F7;
+      background: $body-background-color;
     }
   }
 }
 .nut-stepper,
 .nut-stepper-simple {
-  width: 100px;
+  width: 120px;
   height: 30px;
   line-height: 30px;
   display: flex;
@@ -55,12 +55,12 @@
     right: 25%;
     bottom: 0;
     text-align: center;
-    font-size: 13px;
+    font-size: $font-size-display-normal;
   }
   .oper-wrapper{
     width: 32px;
     height: 32px;
-    background: #F7F7F7;
+    background: $body-background-color;
     position: relative;
   }
   .add-wrapper {
@@ -94,8 +94,10 @@
     }
   }
   input {
+    width: 60px;
+    height: 32px;
     border: none;
-    width: 50%;
+    // width: 50%;
     text-align: center;
     border-radius: 0;
     padding: 0;