update Input style

梁灏
1 parent 1e175649
Showing 2 changed files with 20 additions and 0 deletions Show diff stats
examples/routers/input.vue
src/styles/components/input.less
@@ -129,7 +129,11 @@
             <Icon type="ios-aperture" slot="prefix" />
         </Input>
         <br><br><br><br>
+        <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="small" />
+        <br>
         <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" />
+        <br>
+        <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="large" />
         <br><br>
         <Input v-model="value" search style="width: 300px" @on-search="hs" />
         <br><br>
@@ -113,6 +113,10 @@
         position: relative;
         z-index: 2;
  
+        i{
+            font-size: 16px;
+        }
+
         &:hover{
             background: tint(@primary-color, 20%) !important;
             border-color: tint(@primary-color, 20%) !important;
@@ -141,6 +145,18 @@
             background: inherit;
         }
     }
+    &-wrapper-small &-search{
+        padding: 0 12px !important;
+        i{
+            font-size: 14px;
+        }
+    }
+    &-wrapper-large &-search{
+        padding: 0 20px !important;
+        i{
+            font-size: 18px;
+        }
+    }
     &-with-search{
         &:hover{
             .@{input-prefix-cls} {