普通网页root和微信小程序page定制主题var()

大家在做项目的时候，如果是一个元素定义一个颜色，那么如果后期需要改主题色就会很麻烦，在这里给大家推荐一个非常方便的方法：

普通网页

1.先创建一个css文件，引入全局

示例：

:root{
	/*主题色*/
	--theme:red;
}

2.在需要的元素上添加主题色,必须用var（主题色名称）进行引用

div{
	width:100px;
	height:100px;
	background-color:var(--theme)
}

微信小程序

1.建议大家直接在app.wxss里定义主题色，注意：这里的根是page

page{
	--theme:red;
}

2.在需要的元素上添加主题色,也是用var（主题色名称）进行引用

view{
	width:100rpx;
	height:100rpx;
	background-color:var(--theme)
}

以上就是定制主题方法，非常简单，大家快去试试吧！