最近接到了個需求，說是要把頁面做成可自定義主題色，通過sdk來獲取色值，然后前端來展示不同的主題色，這樣不同的商家就可以配置不同的顏色了。
以前沒遇到過，此次遇到了研究下，特此簡單記錄如下。
這里以.vue單文件組件，css寫法為例，沒有用到css預處理器。
在data函數中定義色值。如 myColor: '#fe4d4d'
然后在該組件的根元素上這樣寫： :style="{'--color': myColor}"
然后在<style scoped>標簽里寫法如下：例如我要更改.title的樣式，那么就可以這樣寫了 .title{ color:var(--color); }