集成微信提供 的weui进微信小程序wxss
最开始将weui.css 全部复制进入app.wxss里面,发现跑不起来。
搜索了下,常见原因有如下几点:
截止2016。11.14日,
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 -> <input /> 加上结束标记
checkbox 改成 <checkbox ></checkbox> radio image 等类似,严谨的均要有结束标记
text内部只能有text标记