Demo采用了npm导入包的方式,虽然会占用包体积,但是版本稳定,利于操作。
导入weui.wxss出现的问题
解决方法:
拷贝/miniprogram/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style 中的weui.wxss放在miniprogram文件夹下,在全局的app.wxss中导入@import 'weui.wxss'; 即可
Demo代码采用了 [官网CellDemo]
weui.wxss部分样式不显示问题
导入weui样式后参照官方的demo仍然会有一些样式没有显示出来,这是因为官方文档中的样式名称有些更新了,可以直接去微信小程序 github. 上去查看它最新的代码
解决方法:
-
这里提出weui一些它的命名规则,希望能够有所帮助
weui后面跟的是- ,之后若还有拓展中间写__ 两个下划线,例如 weui-label 或 weui-cell__hd
-
如果这样仍然不能解决并且你缺少的样式不多的话,下面这个方法可以解决
使用google浏览器打开官方文档,查看页面的html元素,找到你缺少那一部分的style代码直接拷下来放入你的wxss文件中,简单暴力。
本文章为作者原创,如有不足还请不吝赐教,如需转载请注明出处
|
请发表评论