wxss 是小程序中專有的樣式文件,它用法和 css 類似,但有一些不同之處。
wxss 可以控制小程序內(nèi)的所有頁面的樣式,包括組件的樣式和布局。和 css 一樣,wxss 文件中定義的樣式可以在組件和頁面中共享使用,方便全局統(tǒng)一樣式的調(diào)用。
// 示例代碼 .title { font-size: 24px; color: #333; text-align: center; line-height: 40px; }
wxss 可以設(shè)置元素的樣式,如文字樣式、布局樣式等,可以使用眾多 css 屬性,如 color、font-size、margin 等等,但不支持部分 css 屬性,例如 float、position 等。
不能使用外部引用樣式文件,只能通過 @import 引入其他樣式文件或內(nèi)聯(lián)樣式。@import 可以引入其他 wxss 文件或者外部 css 文件,如下所示:
@import 'utils.wxss'; @import 'https://fonts.googleapis.com/css?family=Roboto:400,700';
最后,需要注意的是,wxss 文件不能直接在瀏覽器中打開查看樣式效果,必須要運行在小程序環(huán)境中才能生效。