组件化icon,来实现根据传入数据不一样而显示不一样图标代码。

目标:把classMap显示不一样的icon功能抽象成一个组件。 分析:须要传入的参数有icon尺寸,icon种类。因此下面icon.vue里面定义了2个参数size和type,由父组件传入。 难点:css代码层叠关系这里要理清。另外vue中绑定2个class属性能够使用数组形式——:class=”[iconSize,iconType]”,若是不加数组的中括号,会致使只有第一个class类生效。j
相关文章
相关标签/搜索