+
80
-

微信小程序如何使用全局css变量?

微信小程序如何使用全局css变量?

网友回复

+
0
-

web开发中是在root中定义,但是小程序不一样,需要在page中定义css变量,然后通过var来调用,代码如下:

page { 
  --main-bg-color: brown;
}

.one {
  color: white;
  background-color: var(--main-bg-color);
  margin: 10px;
}

.two {
  color: white;
  background-color: black;
  margin: 10px;
}
.three {
  color: white;
  background-color: var(--main-bg-color);
}

我知道答案,我要回答