微信小程序js控制变量实现动态更新wxss

有些情况下需要根据状态来控制wxss文件中的值，比如color，实现步骤如下

wxss：

page{

    --color--:rgba(56, 168, 255, 1);

    --back_color--: rgba(56, 168, 255, 0.2);

}

view{

     background: var(--back_color--) ;

}

wxml：

<switch style="--color--:{{color}};--back_color--:{{back_color}}" bindtap="changeColor"></switch>

 js:

changeColor(e){ 

        this.setData({

            color: e.detail.value ? "rgba(215, 238, 255, 1)" : 'rgba(56, 168, 255, 1)',

            back_color: e.detail.value ? "rgba(56, 168, 255, 1)" : 'rgba(56, 168, 255, 0.2)'

        })

}