vue 中使用阿里iconfont (含有彩色图标,引入外部js文件)

在main.js中

import './assets/images/iconfont/iconfont.css'

require ('./assets/images/iconfont/iconfont.js')

跟目录(src)下的asssets......文件;

assets / images / iconfont中的东西 就是你下载的文件 解压出来的

在组件中使用的话

<svg class="icon closeImg" aria-hidden="true" @click="closeImg_click()" style="font-size: 26px;margin-top: 11px;">
           <use xlink:href="#icon-guanbi"></use>
 </svg>

红色的字体是你复制的名字

 

记得在css中加

.icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

 

 


版权声明:本文为qq_41152898原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。