7***@qq.com
7***@qq.com
  • 发布:2023-09-07 06:36
  • 更新:2023-09-07 09:53
  • 阅读:224

小程序如何在循环中动态改变背景颜色?

分类:uni-app

我是使用uniapp开发的,想要在循环中给循环的view不同的背景颜色

以下是h5版,是正常的:

我是用数组随机数下标取得随机颜色然后用动态style在页面上赋值

定位颜色数组

页面for循环

然后我发现打包完在小程序里呈现的样子是这样子的:

小程序是这样的:

但即使我把block改成view也是一样的结果,

有什么办法可以解决这个样式问题吗?

2023-09-07 06:36 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

将你 style 修改成这样 就行了 应该是colorArr.length不是动态的 才导致页面上输出都是同样的随机数

backgroundColor: colorArr[Math.floor(Math.random()*(colorArr.length+index-index))]
  • 2***@qq.com

    哇好棒棒

    2023-09-07 10:08

  • 爱豆豆

    回复 2***@qq.com: 麻烦点个赞 谢谢

    2023-09-07 10:38

  • 7***@qq.com (作者)

    真的是这样,gei gei好厉害

    2023-09-08 09:49

该问题目前已经被锁定, 无法添加新回复