add Input component

2016-11-08 17:53:04 +08:00 · 2016-11-08 17:53:04 +08:00 · 0f822c9b36
commit 0f822c9b36
parent 650ce7b855
10 changed files with 489 additions and 25 deletions
--- a/src/styles/components/input.less
+++ b/src/styles/components/input.less
@ -0,0 +1,35 @@
+@input-prefix-cls: ~"@{css-prefix}input";
+
+.@{input-prefix-cls} {
+    .input;
+    &-wrapper{
+        display: inline-block;
+        width: 100%;
+        position: relative;
+    }
+    &-icon {
+        width: 28px;
+        height: 100%;
+        font-size: 16px;
+        text-align: center;
+        color: @subsidiary-color;
+        position: absolute;
+        right: 0;
+        z-index: 1;
+        &:after{
+            content: '';
+            display: inline-block;
+            width: 0;
+            height: 100%;
+            vertical-align: middle;
+        }
+    }
+
+    &-icon + &{
+        padding-right: 28px;
+    }
+}
+
+.@{input-prefix-cls}-group{
+    .input-group(~"@{input-prefix-cls}");
+}