当视觉设计师把图标导入到 iconfont 后,自己用<i>标签去引入图标时,发现不是彩色的,查阅资料后,发现需要如下使用:
<svg class="icon"
aria-hidden="true">
<use class="icon-box"
:xlink:href="cardData.icon" />
</svg>
<!-- 注意要在icon font 图标名前加:#icon-前缀,例如有个 test图标,应当如下使用 -->
<svg class="icon"
aria-hidden="true">
<use class="icon-box"
xlink:href="#icon-test" /> <!-- 这里没有数据绑定,所以xlink:href前没有冒号 -->
</svg>