a-col 实现斑马线效果 先上原型图 说明:这里保理业务有若干个组,每个组又有若干个要素,要求每行3个要素进行展示,这里我利用a-row 和a-rol span=8 实现,本来斑马线效果打算用 a-row:nth-child(odd)奇数行实现颜色改变,但是我在a-rol里用v-for遍历,结果就是所有的a-col都在同一个a-row里,因此计划失败,然后我就考虑渲染a-rol来实现,就想 1,2,3 和4,5,6有什么不同,然后就想到利用遍历的index/3根据商的奇偶性来判断属于第几行,代码如下 最后效果: