集成微信提供 的weui进微信小程序wxss
最开始将weui.css 全部复制进入app.wxss里面,发现跑不起来。
搜索了下,常见原因有如下几点:
wxss和css的部分区别:
不支持:first-child这类写法,
不支持:active
不支持:checked
不支持自定义字体
- @font-face {
- font-weight: normal;
- font-style: normal;
- font-family: "weui";
.a>.b
.a~.b
没有body,html这些鬼dom
不支持keyframe动画
不支持 [class^="icon-"]
:before :after 改成 ::before ::after
a p span h1 h6等这些标记可以改成相应的view text等
img -> image
input -> 加上结束标记
checkbox 改成 radio image 等类似,严谨的均要有结束标记
text内部只能有text标记