How to use icon icon in uniapp

How to use icon icons in uniapp: First register an icon account, select your favorite icon and add it to the shopping cart; then add it to your own project, select [font-class] in the new URL Just open the image file in the address bar.

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version, Dell G3 computer.

Recommended (free): uni-app development tutorial

How to use icon icons in uniapp:

1. First register an icon account
2. Select the icon you like and add it to the shopping cart, add it to the shopping cart and then add it to your project
   

3. Select font-class in the project and open the image file
in the new URL address bar. 4. Ctrl a c v and paste all these files into the icon.scss file in your project (it is recommended to name the icon for later understanding)

5. If we want to use images globally, it is not recommended to introduce them in app.vue so that all pages will load icon.scss, occupying space, which is very unfriendly for small programs. Usually It is said that we can make it into a component. When calling the component, we can introduce the component and pass the type value and size color to use

Related free learning recommendations: programmingvideo

The above is the detailed content of How to use icon icon in uniapp. For more information, please follow other related articles on the PHP Chinese website!