what is layui icon

爱喝马黛茶的安东尼
Release: 2019-07-11 13:42:51
Original
9068 people have browsed it

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:

 注意:在 layui 2.3.0 之前的版本,只能设置 unicode 来定义图标  其中的  即是图标对应的 unicode 字符
Copy after login

You can define its color Or size, such as:

Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
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
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!