欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

uniapp引入iconfont

程序员文章站 2024-01-16 11:27:46
...

uniapp在线引入iconfont图标

1.登录iconfont账号(本人使用微博账号登录)

2.创建项目

uniapp引入iconfont

> 以lianxi项目为例

uniapp引入iconfont

3.选择自己用到的图标加入到项目

uniapp引入iconfont

uniapp引入iconfont

4.生成CSS代码

uniapp引入iconfont

5.复制代码到浏览器打开,前面加https:

uniapp引入iconfont
uniapp引入iconfont

6.(1)先在项目中新建一个css文件

(2)复制生成的代码到自己项目中并在所有url开头的代码前面加https

uniapp引入iconfontuniapp引入iconfont

7.在APP.vue中引入css

uniapp引入iconfont

8.最后在项目中使用即可

<view class="iconfont icondengji"></view>

iconfont为css代码中的font-family,名字可以改变
uniapp引入iconfont
icondengji为使用图标的名字
uniapp引入iconfont