专栏名称: 枫瑞博客网
代表开源作品:灵沐,星宿UI荣获取《 2020开发者大赛Top 10》,uni星芒,星尘UI;
今天看啥  ›  专栏  ›  枫瑞博客网

如何在uni-app中动态设置列表项的文字颜色,并且重复循环颜色

枫瑞博客网  · 公众号  ·  · 2024-07-08 12:45

文章预览

在某个年纪之前,你可以靠透支身体,小聪明和老天给你的运气一直取巧地活着。然而到了某个年纪之后,真正能让你走远的,都是自律,积极和勤奋 #  需求 这几有遇到一个在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 > ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览