uniapp点击改变背景颜色

UniApp是一个基于Vue.js的跨平台框架，它允许开发者编写一次代码，然后在微信小程序、H5、iOS、Android等多个平台上运行。要在UniApp中实现点击事件改变背景颜色，你可以按照以下步骤操作：

1. 首先，在你的WXML文件中创建一个按钮组件，并绑定`tap`事件：

<view class="bg-color" @tap="changeBackgroundColor"></view>

这里的`.bg-color`是你自定义的一个样式类。

2. 在对应的JS/CSS部分中，定义点击事件处理器 `changeBackgroundColor` 和背景颜色相关的CSS规则：

// JS部分
Page({
  data() {
    return {
      currentColor: 'white', // 初始背景色
    };
  },
  changeBackgroundColor(e) {
    const colors = ['red', 'blue', 'green']; // 可供切换的颜色数组
    this.currentColor = colors[(colors.indexOf(this.currentColor) + 1) % colors.length]; // 循环切换颜色
    // 更新样式
    this.setData({ bgColor: this.currentColor });
  },
});

// CSS部分
.bg-color {
  background-color: {{ bgColor || 'white' }};
}

在这个例子中，每次点击按钮，`currentColor` 会从给定的颜色列表中循环切换，并相应地更新 `.bg-color` 的背景颜色。