内网环境Ant Design使用离线Icon图标资源

本文介绍了解决内网环境下AntDesign图标加载失败的问题。通过下载字体库并将其部署到项目目录中,再修改默认样式文件中的图标URL指向本地路径,成功解决了页面图标显示不全的问题。

问题:

  内网环境集成ant design,其中的iconfont资源会加载不到,导致页面很多icon失效。

解决方案:

  step1: 到 https://ant.design/docs/resource/download-cn 上下载字体库:

      

  step2:解压字体库文件到工程目录的某个位置(比如/public/font).

      step3:修改 node_modules/antd/lib/style/themes/default.css文件。找到@icon-url(大致50行左右),将地址修改为"/public/fonts/iconfont"即可。

 

转载于:https://www.cnblogs.com/arthurwang/p/7458950.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值