根据数组长度补全样式(即:数组长度为奇数,需要补全分割线,具体效果图如下)
页面代码(本示例是以小程序的标签写的,div同理):
css样式:
js逻辑控制
- Data中定义:
listAdd: 0
- Method中写逻辑判断(样式补全函数)
fillUp() {
if (this.courseList.length % 2 == 0) {
this.listAdd = 0;
} else {
this.listAdd = 1 ;
}
},
- updated函数中调用
updated() {
this.fillUp();
},