收藏
回答

cover-view中使用iconfont上的图标,真机上不显示问题

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS iso 10.3.3 iphone 7 plus 6.6.6

微信开发者工具上的显示


手机上的显示


图标全部不显示了

图标的样式为

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 

.iconfont-message:before { content: "\e674"; }

就是iconfont.cn 中的生成的样式

cover-view 是不是不支持伪元素?

最后一次编辑于  2018-06-14  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

7 个回答

  • º_º''
    º_º''
    01-15

    9102年了,我也遇到这个坑了。。

    01-15
    赞同 3
    回复
  • Jake
    Jake
    2018-06-15

    支持动态加载字体,让小程序获得最佳的视觉体验。详情

    2018-06-15
    赞同
    回复 1
    • 周盛超
      周盛超
      2018-06-15

      问题是 在开发者工具上可以正常显示,但是在手机上,图标就不显示了


      在手机上看的时候,使用的是开发者工具的远程调试,

      看到cover-view 的样式中出现了下面的样式

      cover-view {
          visibilityhidden;
      }

      图标不显示,我设置为 visiable 才显示图标


      然后 出现下面的问题


      我测试了一下,

      cover-view 没有设置背景色的时候,可以显示

      设置背景色 不透明, 无法显示

      设置背景色 半透明,可以看到图标

      放到map中,无法显示图标,被map遮住了


      是不是由于使用了伪元素之后,就是:before,图标的优先级就很低了

      2018-06-15
      回复
  • 兜
    01-29

    我也遇到这个坑了,求解决方案

    01-29
    赞同
    回复
  • summer
    summer
    02-20

    9102年了,我也遇到这个坑了。。

    02-20
    赞同
    回复
  • up
    up
    05-17

    9102年了,我也遇到这个坑了。。

    05-17
    赞同
    回复
  • sam.
    sam.
    06-24

    9102年了,我也遇到这个坑了。。 请问解决了吗。。。06/24

    06-24
    赞同
    回复
  • 海波
    海波
    07-05

    09102年了,我也遇到这个坑了。。

    07-05
    赞同
    回复