YyJj123123
YyJj123123
  • 发布:2021-10-19 15:23
  • 更新:2021-10-19 15:23
  • 阅读:453

icon显示不出来?

分类:HBuilderX

在app.vue中引用 import './common/css/iconfont/iconfont.css';
在login.vue中使用 <view class="iconfont iconmima"></view>
按照上面的引用、使用方法,可在小程序中正常运行

但编译为app时,就会提示
App平台 v3 模式暂不支持在 js 文件中引用"./common/css/iconfont/iconfont.css" 请改在 style 内引用

依照提示修改为在style中引用
@import './common/css/iconfont/iconfont.css';

然后又报错
nvue中不支持如下css。如全局或公共样式受影响,建议将告警样式写在ifndef APP-PLUS-NVUE的条件编译

再按照条件编译修改后,不会报错了
/ #ifndef APP-PLUS-NVUE /
@import './common/css/iconfont/iconfont.css';
/ #endif /

经查官方文档 此条件编译代表除了 app nvue 平台,其它平台均存在的代码 即代表压根没引入这个iconfont的样式,自然就显示不出来了。。。

2021-10-19 15:23 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复