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

本文介绍了如何利用CSS内联样式实现高于<style>样式表的优先级,以根据当前日期动态判断并更改接口返回数据逾期情况下的字体颜色。在uni-app中,通过驼峰法设置内联样式,并在data中声明变量,结合接口数据判断后改变字体颜色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

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

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值