在app.vue文件中的onLaunch中引入代码,如下,注意url链接需要补全https,是阿里巴巴矢量图表库生成的后缀ttf那个文件,注意不要引入错了,这是只限于在app中使用,如果要兼容小程序的话还需要使用另外一种方式

onLaunch: function() {
			// #ifdef APP-PLUS-NVUE
			// 加载公共图标库
			const domModule = weex.requireModule('dom')
			domModule.addRule('fontFace', {
			    'fontFamily': "iconfont",
			    'src': "url('https://at.alicdn.com/t/c/font_3967784_2ywacc0vqqt.ttf')"
			});
			// #endif
			
		},

页面上使用,nvue页面中使用必须用text标签

<text class="iconfont font-lg">&#xe646;</text>

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐