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

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

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

例如我在wxss中書(shū)寫如下

background-image: url(imageB.png);

控制臺(tái)打?。?/div>
pages/index/index.wxss 中的本地資源圖片無(wú)法通過(guò) WXSS 獲取，可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用標(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)系’’)。如下：

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 事件綁定可以阻止冒泡事件向上冒泡。

本文題目：小程序wxss和css3的區(qū)別
瀏覽路徑：http://bm7419.com/news/109060.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、服務(wù)器托管、外貿(mào)建站、域名注冊(cè)、搜索引擎優(yōu)化、軟件開(kāi)發(fā)

廣告

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

猜你還喜歡下面的內(nèi)容

成都做網(wǎng)站

網(wǎng)站建設(shè)知識(shí)

行業(yè)建站