小程序wxss和css3的區別
2021-04-20 分類：
網站建設
0 . wxss不能直接通過css3中的background-image屬性來設置顯示的背景圖片。
例如我在wxss中書寫如下
background-image: url(imageB.png);
控制臺打印：
pages/index/index.wxss 中的本地資源圖片無法通過 WXSS 獲取，可以使用網絡圖片，或者 base64，或者使用<image/>標簽。
1 .小程序中的文檔流中不存在window、document對象，即不能使用jquery與zepto等js庫區操作dom。這也從另一方面致使css3屬性：position在使用時需要一些注意事項。
使用時應注意，為基礎節點container設置fixed屬性，否則position=absolute不會生效
/**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中設置wxss變量時，應返回string類型值(注意 " " 和 ' ' 之間的嵌套關系’’)。如下：
<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>
3. 小程序中事件冒泡處理。bind和catch方法：
事件綁定的寫法同組件的屬性，以 key、value 的形式。
- key 以bind 或catch 開頭，然后跟上事件的類型，如bindtap 、catchtouchstart 。自基礎庫版本1.5.0起，bind 和catch 后可以緊跟一個冒號，其含義不變，如bind:tap 、、catch:touchstart 。
- value 是一個字符串，需要在對應的 Page 中定義同名的函數。不然當觸發事件的時候會報錯。
bind 事件綁定不會阻止冒泡事件向上冒泡，catch 事件綁定可以阻止冒泡事件向上冒泡。
分享標題：小程序wxss和css3的區別
URL標題：http://m.kartarina.com/news10/109060.html
成都網站建設公司_創新互聯，為您提供做網站、移動網站建設、網站改版、營銷型網站建設、企業建站、電子商務
廣告
![]()
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：
創新互聯
