轮播图片的循环怎么写？

Question

绿色部分的代码是11张图片轮播部分代码，但是有个问题，我的轮播的图片可能不止11张，这个数量的多少取决于我的设定的数量，也就是说这个数量不是固定的，我想写一个图片循环来表示，但是这个循环要怎么写？
var w="700";
    var l="114";
    var p=0.1;
    var z=1;
var config = 
    [
     {
      "width": w,
      "left": 0*l,
      "opacity": p*1,
      "zIndex": 1*z,
     },//0
     {
      "width": w,
      "left": 1*l,
      "opacity": p*2,
      "zIndex": 2*z,
     },//1
     {
      "width": w,
      "left": 2*l,
      "opacity": p*4,
      "zIndex": 3*z,
     },//2
     {
      "width": w,
      "left": 3*l,
      "opacity": p*6,
      "zIndex": 4*z,
     },//3
     {
      "width": w,
      "left": 4*l,
      "opacity": p*8,
      "zIndex": 5*z,
     },//4
     {
      "width": w,
      "left": 5*l,
      "opacity": p*10,
      "zIndex": 6*z,
     },//5
     {
      "width": w,
      "left": 6*l,
      "opacity": p*8,
      "zIndex": 5*z,
     },//6
     {
      "width": w,
      "left": 7*l,
      "opacity": p*6,
      "zIndex": 4*z,
     },//7
     {
      "width": w,
      "left": 8*l,
      "opacity": p*4,
      "zIndex": 3*z,
     },//8
     {
      "width": w,
      "left": 9*l,
      "opacity": p*2,
      "zIndex": 2*z,
     },//9
     {
      "width": w,
      "left": 10*l,
      "opacity": p*1,
      "zIndex": 1*z,
     }//10
    ];

Answer 1

不太懂你题目的意思

1. 如果是问怎么设置不定数量的轮播图：
   例如：element的轮播图，直接v-for循环渲染就行了

<el-carousel height="150px">
      <el-carousel-item v-for="item in imgArr" :key="item">
        <img src="item">
      </el-carousel-item>
    </el-carousel>

1. 如果你是想自己做轮播图，设置个图片数组，每个对象有自己的样式，例如你上面的数据格式：
   比如你想设n张图的轮播图

let arr = Array(n).fill('')
imgArr = arr.map((item,index) => {
  item.width = "700"
  item.left = index*114
  item.opacity = (index+1)*0.1
  item.zindex = index+1
})

如有帮助，望采纳 ^.^ 谢谢