uni-app开发之Class 与 Style 绑定

uni-app开发之Class 与 Style 绑定

• class 支持的语法

<view :class="{ active: isActive }">111</view> 
<view class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">222</view> 
<view class="static" :class="[activeClass, errorClass]">333</view> 
<view class="static" v-bind:class="[isActive ? activeClass : '', errorClass]">444</view> 
<view class="static" v-bind:class="[{ active: isActive }, errorClass]">555</view>

• style 支持的语法:

<view v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">666</view>
<view v-bind:style="[{ color: activeColor, fontSize: fontSize + 'px' }]">777</view>

注意：
以:style=""这样的方式设置px像素值，其值为实际像素，不会被编译器转换。
非H5端（非自定义组件编译模式）暂不支持在自定义组件上使用 Class 与 Style 绑定。