项目主体颜色字体颜色,等各种颜色要pc端定制,所以有动态设置颜色的需求
1. 开始使用的动态设置颜色是行内样式,动态绑定,有些不方便
<view
class="home"
:style="{background:activityDetailsList.bgcolor,
color:activityDetailsList.fontcolor}">
</view>
2. 现在用 sass 语法 变量 设置颜色 并转存,可以直接写在css样式里,动态,可复用
<view
:style="{'--font-color':activityDetailsList.fontcolor,
'--bg-color':activityDetailsList.bgcolor,
'--theme-color':activityDetailsList.themecolor}">
</view>
3. 在 css 中使用
color: var(--font-color);
今天刚学到的,分享出来,做个记录
1.在行内动态绑定
2.在浏览器就可以看见绑定的样式
3.在需要的地方写 css 样式