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

uniapp使用字体图标

程序员文章站 2022-03-31 17:43:27
...

1.在阿里图标库下载需要的字体图标,选择好图标后点下载代码

iconfont-阿里巴巴矢量图标库

2.将下载的压缩包里面的ttf文件拷贝到uniapp项目的static文件夹

3.如果是要用到app的标题栏右上角,代码如下。

"\ue671",可以在iconfont.json文件的unicode看

{
            "path" : "pages/index/index",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "我的",
                "enablePullDownRefresh": true,
				"style": {
					"app-plus": {
						"titleNView": {
							"buttons": [{
								"text": "\ue671",
								"fontSrc": "static/iconfont.ttf",
								"fontSize": "22px"
							}]
						}
					}
				}
            }
            
        }