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: