文章预览
在某个年纪之前,你可以靠透支身体,小聪明和老天给你的运气一直取巧地活着。然而到了某个年纪之后,真正能让你走远的,都是自律,积极和勤奋 # 需求 这几有遇到一个在uni-app中动态设置列表项的文字颜色,并且无线循环问题 列表要不停循环颜色值,例如说文字1-8条循环颜 色之后,第9条又要重新开始循序 # 前提 列表数组里面有20条数据, 循环颜色数组只有8条 # 学习 其实核心只有一条,通过计算索引值取余颜色数组的长度 :style="{ color: fontColor [index % fontColor.length] }" # 效果 # 案例 < template > < view > < view class = "lis-flex" > < block v-for = "(item,index) in 20" :key = "index" > < view class = "lis-item" v-if = "fontColor != ''" > < view class = "lis-img" :style = "{ color: fontColor[index % fontColor.length] }" > 阿 view >
………………………………