1、进阿里图标库,搜索想要的图标,加入到购物车:
2、点开购物车,将刚才加入购物车的图标加入到项目中
3、进入我的项目,选择刚才的项目,选择“Unicode”,点击下载到本地:
4、将下载的压缩包放到项目中,如 /static/icon
5、打开pages.json,如果需要使用图标,如右侧图标,则像下面的方法使用:
{ "path": "pages/home/order/product/listb", "style": { "navigationBarTitleText": "竹产品订单", "enablePullDownRefresh": false, "app-plus": { "nvueCompiler": "uni-app", "titleNView": { "buttons": [{ "color": "#49C787", "fontSrc": "./static/icon2/iconfont.ttf", "fontSize": "30rpx", "width": "100px", "text": "我是卖家 \ue61e" }] } } } },注意:1、上面的buttons的text,“我是卖家”后面的就是图标代码,不能直接用阿里图标提供的代码,要将“”替换成“\ue61e”,替换规则就不多说了,看下就明白了。
2、如果图标没有生效,显示一个问号,或不是自己想要的效果,请卸载APP,重新安装。
最终效果如下: