這篇文章主要介紹微信小程序中使用weui.wxss的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

專注于為中小企業(yè)提供網(wǎng)站設(shè)計、成都網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)井岡山免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

什么是WeUI?

WeUI是在遵守微信視覺設(shè)計規(guī)范下，由官方設(shè)計團隊為小程序量身定制的基礎(chǔ)樣式庫。

這里把WeUI放到基礎(chǔ)篇里，是因為WeUI是官方出品，并且在10月28號IDE更新后，IDE不能識別和引用css，同時也屏蔽了從網(wǎng)絡(luò)獲取樣式文件，和css劃清界限。

》》》 如何引入WeUI

1. 下載WeUI
   weui.wxss
   注意是在【weui-wxss/dist/style/】目錄下，不要【weui-wxss/src】目錄里面下載

2. 將weui.wxss拷貝到小程序根目錄中
   

3. 在app.wxss或頁面wxss導(dǎo)入weui.wxss

   /**app.wxss**/
   @import 'weui.wxss';

4. 以上就成功引入了weui.wxss，weui也提供了單個組件的樣式引入，流程同上。

》》》 如何使用WeUI

1. 根組件使用class="page"

2. 頁面骨架組件使用class="pagexxx"(注意是兩個下劃線)

3. 其他組件都已weui-開頭后接組件名稱，例如class="weui-footer"

   我是頁腳

4. 組件的子組件樣式，例如view.weui-footer組件還有鏈接和版權(quán)信息。

   
   
       小黃象
   
   Copyright ? 精品專欄組
   

   組件和子組件使用兩個下劃線銜接，所以要區(qū)分什么時候用"-",什么時候用

下圖是結(jié)合weui.wxss做的社區(qū)專欄小程序版，正在完善ing

以上是“微信小程序中使用weui.wxss的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！