微信小程序从js中获取颜色变量(非行内样式方式)

.wxss
container{
  box-sizing: border-box;
  height: 100vh;
  background: var(--mainbgcolor--);
}
.text{
 color: var(--maintextcolor--);
}

.wxml
<view class="container" style='--mainbgcolor--:{{mainbgcolor}};'>
  <view class="text" style='--maintextcolor--:{{maintextcolor}};'>

  </view>
</view>

.js
data:{
     mainbgcolor: '#00a5dd',
      maintextcolor:'#000'
  }