1灭翔、簡介
- rpx:屏幕寬度 = 750rpx
- calc()//數(shù)字與單位之間無空格毅戈,運(yùn)算符兩邊也不要空格
- 不支持通配符 *
- 原生小程序不支持less
2、引入
- wxss導(dǎo)入需要@import
- 導(dǎo)入只支持相對路徑
@import "../../styles/index.wxss"
3、vscode中使用easy less 使小程序支持less
- 1敦第、安裝 easy less
- 2、setting json 中添加
"less.compile": {
"outExt": ".wxss"
}
- 3距境、vscode中添加less文件保存
4申尼、定義變量
//app.wxss
page {
--themeColor:#eb4450;
}
//index.wxss
view {
color:var(--themeColor);
}