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)"])

效果如下

 

posted @ 2023-09-21 14:59  虚无——缥缈  阅读(295)  评论(0编辑  收藏  举报