vue 自动生成不同颜色的小圆点 设置图片

export function getDatacolor(data) {
    var colors = [
        "#F35A4C",
        "#EBA151",
        "#00FFEA",
        "#9438FA",
        "#3ECD7E",
        "#F35A4C",
    ];
    var colorIdx = 0;
    for (let i = 0; i < data.length; i++) {
        const element = data[i];
        if (colorIdx + 1 >= colors.length) {
            colorIdx = 0;
        }
        element.color = colors[colorIdx++];
    }
    return data;
}

使用

 import { getDatacolor, phonefromdata } from "@/utils/util";


allData.list = getDatacolor(res.data);

export function getDataimgs(data) {
    var imgs = [
        getImageUrlForCity("1"),
        getImageUrlForCity("2"),
        getImageUrlForCity("3"),
        getImageUrlForCity("4"),
        getImageUrlForCity("5"),
        getImageUrlForCity("6"),
    ];
    var imgidx = 0;
    for (let i = 0; i < data.length; i++) {
        const element = data[i];
        if (imgidx + 1 >= imgs.length) {
            imgidx = 0;
        }
        element.img = imgs[imgidx++];
    }
    return data;
}

使用

import { getDataimgs } from "@/utils/util";


  allData.data = getDataimgs(res.data);