iconfont 在Vue在线引用

1.官方使用文档:iconfont使用方法
2.项目在线引用:
2.1拷贝css和js在线地址

iconfont 在Vue在线引用_第1张图片
拷贝css和js地址.png

注意事项:Font Class拷贝css地址,Symbol对应js地址,上面这两个地址都可能会变化,如果ui上传了新的图标,你需要引用他新增进来的,则需要更新地址:
如图:
2.2代码中引用:
iconfont 在Vue在线引用_第2张图片

 

2.3引用这个图标:

iconfont 在Vue在线引用_第3张图片
image.png

iconfont 在Vue在线引用_第4张图片
image.png

html模板实现


pug模板实现

  .icon
        svg.ali_icon(aria-hidden="true")
          use(xlink:href="#icondelete")

你可能感兴趣的:(iconfont 在Vue在线引用)