- 經(jīng)過(guò)設(shè)置發(fā)現(xiàn)，微信小程序中wxss并不能完全支持css3的全部功能。
- 總結(jié)記錄在此文中，以免忘記。
0 . wxss不能直接通過(guò)css3中的background-image屬性來(lái)設(shè)置顯示的背景圖片。
例如我在wxss中書(shū)寫如下
background-image: url(imageB.png);
控制臺(tái)打印：
pages/index/index.wxss 中的本地資源圖片無(wú)法通過(guò) WXSS 獲取，可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽。
1 .小程序中的文檔流中不存在window、document對(duì)象，即不能使用jquery與zepto等js庫(kù)區(qū)操作dom。這也從另一方面致使css3屬性：position 在使用時(shí)需要一些注意事項(xiàng)。
使用時(shí)應(yīng)注意，為基礎(chǔ)節(jié)點(diǎn)container設(shè)置fixed屬性，否則position=absolute不會(huì)生效
/**app.wxss**/
.container {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
position: fixed;
}
2. 小程序中wxml中設(shè)置wxss變量時(shí)，應(yīng)返回string類型值(注意 " " 和 ' ' 之間的嵌套關(guān)系’’)。如下：
<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>
3. 小程序中事件冒泡處理。bind和catch方法：
事件綁定的寫法同組件的屬性，以 key、value 的形式。
- key 以
bind或catch開(kāi)頭，然后跟上事件的類型，如bindtap、catchtouchstart。自基礎(chǔ)庫(kù)版本 1.5.0 起，bind和catch后可以緊跟一個(gè)冒號(hào)，其含義不變，如bind:tap、、catch:touchstart。- value 是一個(gè)字符串，需要在對(duì)應(yīng)的 Page 中定義同名的函數(shù)。不然當(dāng)觸發(fā)事件的時(shí)候會(huì)報(bào)錯(cuò)。
bind事件綁定不會(huì)阻止冒泡事件向上冒泡，catch事件綁定可以阻止冒泡事件向上冒泡。
參見(jiàn)開(kāi)發(fā)文檔中關(guān)于事件的表述；
tips：應(yīng)該多閱讀開(kāi)發(fā)文檔
