vue实现多个class类的文字样式

template:

 <ul class="item policy" >

                <li v-for="(item,index) in listDat" :key="index"  @click="hedchange(index)">

                    <div class="li-con"  @click="come('/policyPublicity',item)" :class="{color1: (index % 4) == 0, color2: (index % 4) == 1, color3: (index % 4) == 2, color4: (index % 4) == 3}">

                        <div>

                            <h5>{ {item.resourceTypeName}}</h5>

                            <span class="sec">{ {item.remark}}</span>

                        </div>

                        <p> 

                            <span class="num">{ {item.num}}</span>

                        </p><