[new feature] Button: add icon prop

2019-05-27 19:23:21 +08:00
parent 8e9ffadc28
commit b02773a455
9 changed files with 96 additions and 37 deletions
@@ -108,10 +108,9 @@
    line-height: @button-small-line-height;
  }

-  &--loading {
-    .van-loading {
-      display: inline-block;
-    }
+  &__loading {
+    display: inline-block;
+    vertical-align: top;
  }

  &--mini {
@@ -143,10 +142,18 @@
    border-radius: 0;
  }

-  &__loading-text {
+  &__icon {
+    min-width: 1em;
+    font-size: 1.2em;
+    line-height: inherit;
+    vertical-align: top;
+  }
+
+  &__icon + &__text,
+  &__loading + &__text {
    display: inline-block;
    margin-left: 5px;
-    vertical-align: middle;
+    vertical-align: top;
  }

  &--hairline {