小程序wxss和css3的區(qū)別

2021-04-20 分類：網(wǎng)站建設(shè)

0 . wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片。

例如我在wxss中書寫如下

background-image: url(imageB.png);

控制臺打?。?/div>

pages/index/index.wxss 中的本地資源圖片無法通過 WXSS 獲取，可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽。

1 .小程序中的文檔流中不存在window、document對象，即不能使用jquery與zepto等js庫區(qū)操作dom。這也從另一方面致使css3屬性：position在使用時需要一些注意事項。

使用時應(yīng)注意，為基礎(chǔ)節(jié)點(diǎn)container設(shè)置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;

}

3. 小程序中事件冒泡處理。bind和catch方法：

事件綁定的寫法同組件的屬性，以 key、value 的形式。

key 以bind 或catch 開頭，然后跟上事件的類型，如bindtap 、catchtouchstart 。自基礎(chǔ)庫版本1.5.0起，bind 和catch 后可以緊跟一個冒號，其含義不變，如bind:tap 、、catch:touchstart 。
value 是一個字符串，需要在對應(yīng)的 Page 中定義同名的函數(shù)。不然當(dāng)觸發(fā)事件的時候會報錯。
bind 事件綁定不會阻止冒泡事件向上冒泡，catch 事件綁定可以阻止冒泡事件向上冒泡。

分享標(biāo)題：小程序wxss和css3的區(qū)別
URL標(biāo)題：http://www.jbt999.com/news10/109060.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、移動網(wǎng)站建設(shè)、網(wǎng)站改版、營銷型網(wǎng)站建設(shè)、企業(yè)建站、電子商務(wù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

小程序wxss和css3的區(qū)別

0 . wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片。

1 .小程序中的文檔流中不存在window、document對象，即不能使用jquery與zepto等js庫區(qū)操作dom。這也從另一方面致使css3屬性：position在使用時需要一些注意事項。

2. 小程序中wxml中設(shè)置wxss變量時，應(yīng)返回string類型值(注意 " " 和 ' ' 之間的嵌套關(guān)系’’)。如下：

3. 小程序中事件冒泡處理。bind和catch方法：

0 . wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片。

1 .小程序中的文檔流中不存在window、document對象，即不能使用jquery與zepto等js庫區(qū)操作dom。這也從另一方面致使css3屬性：position在使用時需要一些注意事項。

2. 小程序中wxml中設(shè)置wxss變量時，應(yīng)返回string類型值(注意 " " 和 ' ' 之間的嵌套關(guān)系’’)。如下：

3. 小程序中事件冒泡處理。bind和catch方法：