CSS var()函数 插入自定义的属性值

275 阅读1分钟

用法:

var(custom-property-name, value)
描述
custom-property-name必需。自定义属性的名称,必需以 -- 开头。
value可选。备用值,在属性不存在的时候使用。
  1. 在全局css中定义时,变量名前记得加--。例如:--themeColor
  2. 在其他地方调用时,var(--themeColor)
// app.wxss中
page {
    --themeColor: #eb4450;
}

// index.wxss中调用
color: var(--themeColor);