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

weui按钮样式丢失

使用weui css中的class添加到button上，现在安卓和苹果都出现了按钮看不到的情况，但是实际上按钮还在，点击空白区域是可以触发click事件，这个问题在真机上必现，小程序最近没有发布过，很多用户上报过这种情况

样例代码

<button slot="footer" type="primary" class="weui-btn" bindtap="handleConfirm" disabled="{{!selected}}">确认进入</button>


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

5 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    11-07

    请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

    11-07
    有用
    回复 8
    • X
      X
      星期四 16:08
      https://developers.weixin.qq.com/s/svC9wwmp7QVj
      我试了一下，应该是全局样式失效了，我在weui.wxss中修改了(--primary-color)，在开发者工具中预览是正常生效的，但是真机调试和预览就没有生效，所以现在怀疑是css的问题。
      但是线上小程序最近都没有发布，突然出现了这样的问题
      星期四 16:08
      赞
      回复
    • X
      X
      星期四 16:19
      通过属性选择器修改的样式，button[type=primary] {......}
      星期四 16:19
      赞
      回复
    • X
      X
      星期四 16:29
      定位到问题了，renderer：skyline以及对应的配置不加，按钮就看不到了
      星期四 16:29
      赞
      回复
    • 社区技术运营专员--阳光
      社区技术运营专员--阳光
      星期四 16:46回复X
      我们看下
      星期四 16:46
      赞
      回复
    • Albus🔖
      Albus🔖
      星期四 17:06回复社区技术运营专员--阳光
      我们也有同样的问题，Half Screen Dialog里涉及到CSS变量的样式全都失效了，比如组件里使用的class里用到了参数变量（比如--primary-color)，就失效了，这个要怎么解决
      星期四 17:06
      赞
      回复
    查看更多(3)
  • Albus🔖
    Albus🔖
    星期四 16:49

    同样的问题，Half Screen Dialog里涉及到CSS变量的样式全都失效了

    星期四 16:49
    有用
    回复
  • 虾仁鱼🍤🚶🐠
    虾仁鱼🍤🚶🐠
    星期四 14:52

    好奇怪！我也出现了类似的情况，从昨天开始陆陆续续收到用户反馈。<Half Screen Dialog>和<Dialog>内的自定义内容都出现了不同程度的异常，小程序几周内都没有代码更新，突然就变成这样了

    星期四 14:52
    有用
    回复 1
  • 一笑皆春
    一笑皆春
    11-07

    调试看看什么样式影响的，估计是全局的样式

    11-07
    有用
    回复
  • 正好时光
    正好时光
    11-07

    按钮还在，看看是不是背景色被白色覆盖了

    11-07
    有用
    回复 2
    • X
      X
      11-07
      半屏弹窗插槽用的纯原生的写法，没有遮罩盖住
      11-07
      赞
      回复
    • 正好时光
      正好时光
      11-07回复X
      编辑器选中检查一下，是不是被全局样式给覆盖了
      11-07
      赞
      回复
请 登录 后发表内容
相关问题
相关文档