JS 通过index渲染色块问题

Question

有一个需求是这样的样式排列，上下两排色块
1 3 5 7 9 11
2 4 6 8 10 12
用vue渲染这12个元素，想通过一个方法传入元素的index，来改变色块的颜色。
想让1 4 5 8 9 12是一种颜色
2 3 6 7 10 11是另一种颜色
请问这种颜色交叉的算法怎么实现

Answer 1

1 3 5 7 9 11 规律 x % 4 = 1
2 4 6 8 10 12 规律 x % 4 = 0

x % 4 <= 1