Use Icon component in Button

jingsam
1 parent 24b20146
Showing 1 changed file with 2 additions and 13 deletions Show diff stats
src/components/button/button.vue
 <template>
     <button :type="htmlType" :class="classes" :disabled="disabled">
-        <i :class="loadingIconClasses" v-if="loading"></i>
-        <i :class="typeIconClasses" v-if="icon && !loading"></i>
+        <Icon class="ivu-load-loop" type="load-c" v-if="loading"></Icon>
+        <Icon :type="icon" v-if="icon && !loading"></Icon>
         <span v-if="showSlot" v-el:slot><slot></slot></span>
     </button>
 </template>
@@ -62,17 +62,6 @@
                         [`${prefixCls}-icon-only`]: !this.showSlot && (!!this.icon || this.loading)
                     }
                 ]
-            },
-            loadingIconClasses () {
-                return `${iconPrefixCls} ivu-load-loop ${iconPrefixCls}-load-c`;
-            },
-            typeIconClasses () {
-                return [
-                    `${iconPrefixCls}`,
-                    {
-                        [`${iconPrefixCls}-${this.icon}`]: !!this.icon
-                    }
-                ]
             }
         },
         compiled () {