Demo采用了npm导入包的方式,虽然会占用包体积,但是版本稳定,利于操作。

导入weui.wxss出现的问题

微信小程序-weui导入报错和部分样式不显示问题

解决方法:

拷贝/miniprogram/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style中的weui.wxss放在miniprogram文件夹下,在全局的app.wxss中导入@import 'weui.wxss';即可
Demo代码采用了 [官网CellDemo]
微信小程序-weui导入报错和部分样式不显示问题

weui.wxss部分样式不显示问题

导入weui样式后参照官方的demo仍然会有一些样式没有显示出来,这是因为官方文档中的样式名称有些更新了,可以直接去微信小程序 github. 上去查看它最新的代码

解决方法:

  1. 这里提出weui一些它的命名规则,希望能够有所帮助
    weui后面跟的是-,之后若还有拓展中间写__两个下划线,例如 weui-labelweui-cell__hd

  2. 如果这样仍然不能解决并且你缺少的样式不多的话,下面这个方法可以解决
    使用google浏览器打开官方文档,查看页面的html元素,找到你缺少那一部分的style代码直接拷下来放入你的wxss文件中,简单暴力。微信小程序-weui导入报错和部分样式不显示问题

本文章为作者原创,如有不足还请不吝赐教,如需转载请注明出处

相关文章:

  • 2021-06-15
  • 2022-01-24
  • 2021-07-13
  • 2022-12-23
  • 2021-09-21
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-11-17
  • 2021-11-17
  • 2021-11-20
  • 2022-12-23
  • 2021-04-25
  • 2022-12-23
相关资源
相似解决方案