注冊

微信小程序wxss設(shè)置樣式,app.wxss 作為全局樣式

2020-09-27
導(dǎo)讀:WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴(kuò)充和修改。...

  WXSS 樣式

  WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴(kuò)充和修改。

  新增了尺寸單位。在寫 CSS 樣式時(shí),開發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會有不同的寬度和設(shè)備像素比,采用一些技巧來換算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ,開發(fā)者可以免去換算的煩惱,只要交給小程序底層來換算即可,由于換算采用的浮點(diǎn)數(shù)運(yùn)算,所以運(yùn)算結(jié)果會和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。

  提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同,你可以寫一個(gè) app.wxss 作為全局樣式,會作用于當(dāng)前小程序的所有頁面,局部頁面樣式 page.wxss 僅對當(dāng)前頁面生效。

  此外 WXSS 僅支持部分 CSS 選擇器

  更詳細(xì)的文檔可以參考 WXSS 。

微信小程序wxss設(shè)置樣式,app.wxss 作為全局樣式

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)