uniapp 怎么用 random改变颜色

可以使用JavaScript中的`Math.random()`方法生成随机颜色值，然后将其应用于元素的样式中。下面是一个示例代码：

<template>
  <view class="container" :style="{backgroundColor: bgColor}">
    <text class="text">Hello World</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      bgColor: 'white' // 初始颜色
    }
  },
  mounted() {
    setInterval(() => {
      const r = Math.floor(Math.random() * 256)
      const g = Math.floor(Math.random() * 256)
      const b = Math.floor(Math.random() * 256)
      this.bgColor = `rgb(${r}, ${g}, ${b})`
    }, 1000) // 每秒钟改变一次颜色
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text {
  font-size: 24px;
  font-weight: bold;
  color: black;
}
</style>

在上面的代码中，我们使用`setInterval()`定时器，每秒钟执行一次函数，生成一个随机的RGB颜色值，并将其应用于背景色。在模板中，我们使用`:style`绑定了背景色，使其随着颜色值的改变而改变。