<div v-for="(item, index) in space" :key="index" :class="'space-' + (index + 1)"></div>
css:
.space {
&-1 {
margin-left:0px;
}
&-2 {
margin-left:52px;
}
&-3 {
margin-left:104px;
}
&-4 {
margin-left:156px;
}
&-5 {
margin-left:208px;
}
&-6 {
margin-left:260px;
}
}
如上所示:
可以给每个元素绑定动态class, 然后在css中分别设置样式