微调

src/components/Home/SearchResultsList.vue

@@ -21,7 +21,7 @@
                   <i class="el-icon-star-on"></i> <span>{{formatNumber(searchResult.startNum)}}</span>
               </div>
               <div style="margin-left: 10px;justify-content: space-between;display: flex;flex-direction:row;flex-wrap: nowrap;align-items: center;font-size: 12px;color: #9ca3af">
-                  <div style="width: 8px;height: 8px;background-color: #ffba00;border-radius: 50px"></div>
+                  <div :style="{'background-color':colorlists[Math.floor(Math.random() * colorlists.length)]}"  style="width: 8px;height: 8px;background-color: #ffba00;border-radius: 50px"></div>
                   <span style="margin-left: 5px">{{searchResult.categoryName}}</span>
               </div>
           </div>
@@ -37,6 +37,19 @@ export default {
     },
     data(){
         return{
+            colorlists: [
+                'hsl(62,90%,49%)',
+                'hsl(138,63%,59%)',
+                'rgb(245,145,135)',
+                'rgb(111,235,245)',
+                'rgb(162,239,120)',
+                'rgb(43,255,255)',
+                'hsl(0,89%,63%)',
+                'rgb(241,125,191)',
+                'hsl(282,85%,64%)',
+                'rgb(255,202,0)',
+                'blueviolet'
+            ]
         }
     },
     methods:{