wxss

1、简介

• rpx:屏幕宽度 = 750rpx
• calc()//数字与单位之间无空格，运算符两边也不要空格
• 不支持通配符 *
• 原生小程序不支持less

2、引入

• wxss导入需要@import
• 导入只支持相对路径

@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);
}