script:
mounted() {
const domModule = weex.requireModule('dom');
domModule.addRule('fontFace', {
fontFamily: 'iconfont',
src: "url('/static/mapIconfont/iconfont.ttf')"
});
}
template:
<text class="iconfont"></text>
style:
.iconfont {
font-family: iconfont;
font-size: 26px;
color: #7e7d7d
}
- nvue页面中文字只能使用 <text></text> 标签包裹
本文介绍了在Vue.js的nvue页面中如何加载并使用自定义字体图标。通过在mounted生命周期钩子中引入字体文件,并在样式表中设置字体族,然后在文本标签中使用特定字符实现图标显示。这种方法对于提升页面的视觉效果和用户体验有着重要作用。
2455

被折叠的 条评论
为什么被折叠?



