公告列表
公告列表
收藏
回答

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 是不是不支持伪元素？

回答关注问题邀请回答
收藏

20 个回答

  • 偏离
    偏离
    2020-06-05

    0202年过一半了，遇到这个问题怎么解决

    2020-06-05
    有用
    回复
  • liuc
    liuc
    2020-04-26

    0202年了，遇到这个问题怎么解决。。

    2020-04-26
    有用
    回复
  • 倔强的小红军😈
    倔强的小红军😈
    2020-03-27

    0202年了，遇到这个问题怎么解决。。

    2020-03-27
    有用
    回复
  • 😌 😌😌 😌 😌
    😌 😌😌 😌 😌
    2019-09-20

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

    2019-09-20
    有用
    回复
  • 海波
    海波
    2019-07-05

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

    2019-07-05
    有用
    回复
  • sam.
    sam.
    2019-06-24

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

    2019-06-24
    有用
    回复
  • up
    up
    2019-05-17

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

    2019-05-17
    有用
    回复
  • summer
    summer
    2019-02-20

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

    2019-02-20
    有用
    回复
  • 兜兜
    兜兜
    2019-01-29

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

    2019-01-29
    有用
    回复
  • Jake
    Jake
    2018-06-15

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

    2018-06-15
    有用
    回复 1
    • 周盛超
      周盛超
      2018-06-15

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


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

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

      cover-view {
          visibility: hidden;
      }

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


      然后 出现下面的问题


      我测试了一下，

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

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

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

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


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

      2018-06-15
      赞
      回复

正在加载...

请 登录 后发表内容
相关问题
相关文档