Layui自定义字体图标扩展

本文详细介绍了如何在Layui中扩展和使用自定义字体图标,包括从阿里巴巴矢量图标库选择图标,将其添加到项目,以及通过font-class或unicode在HTML中应用图标,展示了通过修改css属性来改变图标的颜色和大小的方法。
摘要由CSDN通过智能技术生成

前言

本章给大家分享的是Layui的自定义字体图标。

图标扩展及使用方式

layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。你可以通过 font-class 或 unicode 来定义不同的图标。

链接:阿里巴巴矢量图库
在这里插入图片描述

我们可以随机选择一个图标点进去

在这里插入图片描述

鼠标点在图标上会有一个购物车的图标,然后加入到库中。

在这里插入图片描述

这时我们可以看到已加入库中的图标。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值