uniapp中nvue项目引入阿里图标在线链接
在app.vue文件中的onLaunch中引入代码,如下,注意url链接需要补全https,是阿里巴巴矢量图表库生成的后缀ttf那个文件,注意不要引入错了,这是只限于在app中使用,如果要兼容小程序的话还需要使用另外一种方式。页面上使用,nvue页面中使用必须用text标签。
·
在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"></text>
更多推荐
已为社区贡献3条内容
所有评论(0)