集成微信提供 的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標記