Shulou(Shulou.com)06/03 Report--

Editor to share with you what icon refers to in layui, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Font icon

All icons in layui are in font form, based on Alibaba Vector Icon Library (iconfont). So 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 through font-class or unicode.

Mode of use

Define an icon by setting class= "layui-icon" on an inline element (generally recommended with the I tag), and then add the font-class corresponding to the icon (note: before layui 2.3.0 only unicode characters are supported), you can display the icon you want, such as:

Note: prior to layui 2.3.0, only unicode can be set to define the icon , where  is the unicode character corresponding to the icon.

You can define its color or size, such as:

The above is all the content of the article "what does icon in layui mean?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.