class样式变化，多类名写法

多类名写法

1. 类样式绑定

<div
              :class="{
                active1: item.isolateStatus == 1 ,
                active2: item.isolateStatus == 2 || item.isolateStatus ==3 ,
                active3: item.isolateStatus == 4,
                active4: item.isolateStatus == 5,
              }"
              class="list"
              @click="isolationDetail(item)"
            >

2. 样式三元

<!-- :style="
            {'background-color': (item.actionName == 1 ? '#f7f2e7': 
            (item.actionName == 2 ? '#dbf0e9': 
            ( item.actionName ==3 ? '#dedede': 
            (item.actionName == 4 ?'#fde5e5':'#dedede'))))}" -->