nvue 和vue前六步一样,vue中使用font-class不影响,nvue页面只能使用text标签 且是Unicode码才可我已
第一步
先去iconfont挑选要用到的图标,并添加到项目
第二步
把图标下载下来
第三步
下载完了之后打开文件,只把iconfont.css文件添加到我们uni-app的项目中
第四步
回到自己的iconfont项目,选择unicode点击生成代码并复制
第五步
回到iconfont.css并且打开css文件,注意红框内容,全部删除,替换成第四步刚刚复制过来的
第六步
替换完毕之后,需要在//at前面加上https:
vue:
css中引入
<style>
@import '../../static/iconfont/iconfont.css';
</style>
调用iconfont
图标名称
nvue:
由于nvue页面div view 不支持伪类 所有只能用text标签
nvue页面 js
const dom = weex.requireModule('dom');
dom.addRule('fontFace', {
fontFamily: 'iconfont',
src: "url('地址')"
});
地址为iconfont.css中红色部分 复制过去
style 引用 注意scoped 本页面使用 定义iconfont的font-family
页面使用