xcx

src/components/dashboardList/index.vue

@@ -2,7 +2,7 @@
   <div class="dashboardList">
     <ul class="flex-h">
       <li class="flex-item" v-for="(item,index) in data.list" :key="index">
-        <div>
+        <div :style="{background:colorList[index%colorList.length]}">
           <div class="centerLabel">
             <span>{{item.name}}</span>
             <span>{{item.value}}</span>
@@ -19,7 +19,7 @@ export default {
   props: ['data'],
   data () {
     return {
-
+      colorList: ['#fc6243', '#409EFF', '#4ddea2', '#f6e259', '#5c59f6', '#f66f59'],
     }
   },
   mounted () {