前端页面:layui框架引用阿里矢量图标iconfont步骤

  1. 去阿里官网下载对应图标
    通过浏览器打开 http://iconfont.cn/ ,访问阿里巴巴矢量图标库。
    在这里插入图片描述
  2. 选择对应的图标放入购物狂图标下
    选择完毕后,构建一个项目保存图标
  3. 编辑项目详细信息
    在这里插入图片描述修改前缀为layui-icon-extend,你也可以简单些不冲突就好
  4. 集成:点击下载到本地按钮后,我们得到了一个ZIP包。从layui官网下载框架最新版本,两者解压后放在同一个目录.
    在这里插入图片描述
  5. 在layui目录下的 css/modules 下新建一个名为layui-icon-extend的目录,将字体目录中的以 iconfont开头的文件拷贝进去
    在这里插入图片描述
  6. 在页面引用中引用 layui-icon-extend 下的 iconfont.css文件,然后就可以使用「 iconfont layui-icon-extend-xxxx 」的方式引用图标了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值