uni-app中class和style动态绑定

本文详细介绍了uni-app中如何进行class和style的动态绑定,包括它们支持的语法和一个完整的示例,帮助开发者更好地理解并应用在实际项目中。
摘要由CSDN通过智能技术生成
<!-- class 支持的语法: -->
<!-- <view :class="{ 'active': isActive}">111</view>
<view :class="{ 'active': isActive, 'text-danger': hasError}">111</view>
<view :class="[class1,class2]">111</view>
<view class="static" :class="[num>10 ? 'active' : 'text-danger',class3]">444</view> -->
   	
<!-- style 支持的语法: -->
<!-- <view :style="{ color: activeColor, fontSize: fontSize +'px' }">666</view> -->

class支持的语法

<view class="box" :class="[age>10?class1:'',sex=='女'?class2:'']">box</view>

style支持的语法

<view class="box" :style="{'color': Color,'font-size': size+'px&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值