Icon add color prop

Icon add color prop

Icon add color prop
梁灏
1 parent 5709f32e
Showing 2 changed files with 14 additions and 8 deletions Show diff stats
src/components/icon/icon.vue
test/routers/slider.vue
@@ -7,20 +7,25 @@
     export default {
         props: {
             type: String,
-            size: [Number, String]
+            size: [Number, String],
+            color: String
         },
         computed: {
             classes () {
                 return `${prefixCls} ${prefixCls}-${this.type}`
             },
             styles () {
+                let style = {};
+
                 if (!!this.size) {
-                    return {
-                        'font-size': `${this.size}px`
-                    }
-                } else {
-                    return {}
+                    style['font-size'] = `${this.size}px`;
+                }
+
+                if (!!this.color) {
+                    style.color = this.color;
                 }
+
+                return style;
             }
         }
     }
@@ -7,12 +7,13 @@
         <!--<Slider :max="10"></Slider>-->
         <!--<Slider :step="13"></Slider>-->
         <!--<Slider :step="13" :max="60"></Slider>-->
+        <Icon type="checkmark-circled" size="40" color="#f60"></Icon>
     </div>
 </template>
 <script>
-    import { Slider } from 'iview';
+    import { Slider, Icon } from 'iview';
     export default {
-        components: { Slider },
+        components: { Slider, Icon },
         data () {
             return {
                 value: [20, 50]