微信小程序-设置全局的颜色变量

应用场景：每款应用都会有自己的一种主题颜色：比如京东的红色，和淘宝的橙色

1.在全局app.wxss样式中 设置  变量颜色

代码如下：

/* 主题颜色 通过变量来实现 */
page{
  --themeColor:#e33e33;
}

2. 使用 

.searchinput{
//使用 全局定义的变量 颜色
  background-color:var(--themeColor);  
}

 

全局变量 样式 优点： 如果需要修改主题颜色，只需要修改一次即可。