美文网首页
ant design pro 2.0 使用IconFont

ant design pro 2.0 使用IconFont

作者: jivi20029 | 来源:发表于2019-03-29 09:26 被阅读0次

    先参考这个官网的说明 :
    https://pro.ant.design/docs/biz-icon-cn
    使用 SVG Symbol 这种方法 。

    但官网的说明有个问题,就是全部使用的是网络引用,有时候我们需要的环境可能并不是一个有外网的环境。所以我们需要将网络引用改为本地引用。

    改为本地引用的方法也很简单。
    将 //at.alicdn.com/t/font_405362_lyhvoky9rc7ynwmi.js 这个文件下载下来,放在public 目录下面,例如存为font_405362_lyhvoky9rc7ynwmi.js 然后

    import { Icon } from 'antd';
    
    const IconFont = Icon.createFromIconfontCN({
      - scriptUrl: '//at.alicdn.com/t/font_405362_lyhvoky9rc7ynwmi.js'
      + scriptUrl: 'font_405362_lyhvoky9rc7ynwmi.js'
    });
    
    export default IconFont;
    

    即可.
    -号为删除的行
    +号为增加的行

    相关文章

      网友评论

          本文标题:ant design pro 2.0 使用IconFont

          本文链接:https://www.haomeiwen.com/subject/bpkcbqtx.html