Uniapp中动态修改页面样式(color,font-size等)

291 阅读1分钟

css中内联样式的优先级大于中书写的样式

需求:根据当前日期来判断接口返回的日期是否逾期,预期则将字体颜色变为白色

首先在需要动态改变样式的页面添加内联样式(uni-app中的内联样式需使用驼峰法书写)

356d932314434768b50156bf19c244f7.png

其次在data中声明tdYFontSize,在接口返回的数据中进行判断,最后再调用方法改变字体颜色。

0b42ef6d21084654b8c69d78d08c95b4.png

e1c1d2cb298f4b509e2f173809659d1a.png