vue通过 v-for循环出来的数组给元素 加不同的颜色

直接上代码：

<div v-for="(item,i) in colorList" :key="i">
   <div class="cmn-color">
       <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 
   </div>
</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)"])

效果如下