The iconfont icon is introduced into the uniapp project

In the project, it is inevitable that the icon does not meet our needs. We can go to the Ali icon library ( iconfont-Alibaba vector icon library ) to choose the icon we are satisfied with.

Recently, I am working on the uniapp project, and record the steps of introducing iconfont

1. Go to the official website to select the icon you like, and then download it locally

2. Unzip to the static of your own project, you can create a new iconfont folder in the static folder and put it in.

3. Introduce in App.vue of the project

 4. Modify the iconfont.css file in iconfont

 Change the place marked by the arrow to the directory where the icon is stored in your own project.

 5. Just use it

The effect is as follows:

 

 

 

Guess you like

Origin blog.csdn.net/weixin_52020362/article/details/130042799