...">
美文网首页
隔行换色

隔行换色

作者: 程序媛_ | 来源:发表于2021-06-28 14:40 被阅读0次

<template> <view> <viewv-for="(item,index) in 10"> <!-- 通过%运算符求余数,实现隔行换色的效果 --> <view:class="'list-'+ index%2">{{index%2}}</view> </view> </view></template><script>exportdefault{data(){return{}}}</script><style>.list-0{background-color:#aaaaff;}.list-1{background-color:#ffaa7f;}</style>