使用阿里矢量图标库在uniapp项目中使用字体图标

finyou

1.选择自己要使用的图标加入购物车

选择图标加入购物车

2.将选择的图标加入项目

将图标加入项目

3.下载到本地

下载到本地

4.将下载文件解压放在static文件中,并调准基本样式

alt text

5.将样式在APP.vue中引入

1
2
3
4
<style>
/*每个页面公共css */
@import 'static/font/iconfont.css'
</style>

6.使用

1
<text class="iconfont icon-sexw"></text>

7.效果展示

效果展示