uniapp :class 两个class

在uni-app框架中，你可以通过:class（或v-bind:class）指令来动态绑定一个或多个class类名。这种方式非常有用，特别是在需要根据某些条件动态改变元素的样式时。

1. 单个class

如果你只想根据条件动态添加一个class，可以直接在:class后面跟一个表达式，这个表达式可以是一个字符串、一个布尔值或者一个对象。

示例1：使用字符串

<view :class="isSpecial ? 'special-class' : ''"></view>

在这个例子中，如果isSpecial为true，则view元素将获得special-class类；如果为false，则不添加任何类。

示例2：使用对象（推荐）

<view :class="{ 'special-class': isSpecial }"></view>

这种方式更清晰，当isSpecial为true时，view元素将获得special-class类；为false时则不添加。

2. 多个class

如果你需要同时根据多个条件动态添加多个class，你可以在:class后面跟一个对象，其中键是类名，值是条件表达式。

示例：

<view :class="{ 'special-class': isSpecial, 'another-class': isAnother, 'yet-another-class': isYetAnother }"></view>

在这个例子中，如果isSpecial为true，则添加special-class；如果isAnother为true，则添加another-class；如果isYetAnother为true，则添加yet-another-class。

3. 结合静态和动态class

你还可以结合使用静态和动态class。静态class直接写在元素上，而动态class通过:class绑定。

示例：

<view class="static-class" :class="{ 'dynamic-class': isDynamic, 'another-dynamic-class': isAnotherDynamic }"></view>

在这个例子中，无论条件如何，view元素都将始终拥有static-class类。同时，根据条件动态添加dynamic-class和/或another-dynamic-class。