当前位置: 首页 > Web前端 > CSS

小程序js可以动态设置css样式属性

时间:2023-03-30 18:54:05 CSS

需求:根据后台返回的主题颜色和主题背景动态设置样式。如果是可以直接操作的简单样式,则不用担心。style="background-color:{{data.background_color?data.background_color:'#181C2A'}}"但是不排除存在一些不能直接操作组件的修改,所以我们搜索了解决方案举个栗子,如下:Pageinjs({data:{theme:{style:''}},})...//简单赋值属性名如--colorletprimary_color=`--color:`+(res.data.primary_color||`#50b7c1`)this.setData({'theme.style':primary_color,})...inwxml在wxss中/*使用var*/.themeView{color:var(--color);}