Home  >  Article  >  Web Front-end  >  what is layui icon

what is layui icon

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼Original
2019-07-11 13:42:519198browse

what is layui icon

Font icon

All icons of layui are all in font form, drawn from Alibaba vector icon library (iconfont ). Therefore, you can think of an icon as an ordinary text, which means that you can change the color and size of the icon by directly using css to control the text properties, such as color and font-size. You can define different icons via font-class or unicode.

Usage

Define an icon by setting class="layui-icon" to an inline element (i tag is generally recommended), and then Add the font-class corresponding to the icon to the element (note: before layui 2.3.0 only supports unicode characters), you can display the icon you want, for example:

<i class="layui-icon layui-icon-face-smile"></i>   
注意:在 layui 2.3.0 之前的版本,只能设置 unicode 来定义图标
    <i class="layui-icon">&#xe60c;</i>   
其中的 &#xe60c; 即是图标对应的 unicode 字符

You can define its color Or size, such as:

<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>

Related recommendations: "layui framework tutorial"

140 kinds of icons:

what is layui icon

what is layui icon

what is layui icon

what is layui icon

what is layui icon##

The above is the detailed content of what is layui icon. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:What is layui frameworkNext article:What is layui framework