vue通过 v-for循环出来的数组给元素 加不同的颜色
直接上代码:
1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </div> 5 </div>
const colorList = ref(['rgb(102, 152, 255)','rgb(57, 215, 144)',"rgb(160, 161, 254)","rgb(248, 136, 121)","rgb(103, 244, 228)","rgb(65, 223, 255)"])
效果如下