[Learn AF3] Built-in vector icons in App Framework 3.0

AF3 built-in vector icons

Introduction: to use the icons in AF3, you must first introduce ICON.CSS, because the file has built-in font file data, so you do not need to introduce font file support.

<rel= "stylesheet"  type= "text/css"  href= "js/ Af3.0/icons.min.css "/>

using: After the introduction of the Icon.css file, we can display the icon (actually a vector character) by adding the CSS class name to the element that needs to display the icon, and note that you need to add the name of the icon and the specific class. AF3 vector icons support three kinds of specifications, normal size, small icon, large icon, please see the following code:

<!--Show normal-sized home icons -<Divclass= ' IconHome '>Home</Div> <!--Display the home icon of the trumpet -<Divclass= ' IconHome Mini '>Home</Div> <!--Show a large home icon -<Divclass= ' IconHome Big '>Home</Div>

AF3 icon Index: as the official website does not have the index of the icon, we hereby make an index image of the icon in AF.

[Learn AF3] Built-in vector icons in App Framework 3.0