[游戏开发]uView 扩展图标(使用阿里iconfont图标)

uView引用阿里图标

步骤如下

1.登录iconfont-阿里巴巴矢量图标库网站,把自己需要得图标添加到购物车里

2.把图标添加到你的项目(没有的话就新建一个项目)

?3.在导航栏找到资源管理-----我的项目

?

4.点击项目设置,配置图标前缀(Font Family名称比FontClass/Symbol前缀少一个? -? ) ,保存

?

?5.点击 下载本地,把下载的文件解压

?

6.在uniapp项目根目录新建一个文件夹(我的叫common/css),把解压的以下图的四个文件导入

?

?

?7.修改iconfont.css路径

?

8.在App.vue中全局引入iconfont.css

?9.引入如果没有报错,说明引入成功,接着便是使用

其中name的内容为

?

?custom-prefix的内容为

?

?color可以更改图标的颜色