uniapp有两个按钮，点击按钮显示不同的颜色

在uniapp中，你可以通过JavaScript或者Vue.js来实现两个按钮分别显示不同颜色的功能。首先，你需要在WXML文件中创建这两个按钮，然后在对应的JS文件里编写事件监听器来控制颜色的变化。这里是一个简单的示例：

<!-- WXML (页面.wxml) -->
<view class="container">
  <button bindtap="changeColor1">按钮1</button>
  <button bindtap="changeColor2">按钮2</button>
</view>

<style>
.container {
  display: flex;
}
.button-color {
  width: 100px;
  height: 50px;
  border: 1px solid #ccc;
}
</style>

// JS (pages/index.js)
Page({
  data: {
    color1: '#ff0000', // 红色初始颜色
    color2: '#00ff00'   // 绿色初始颜色
  },
  
  changeColor1: function() {
    this.setData({
      color1: '#0000ff', // 当点击按钮1时，将颜色改为蓝色
      color2: this.data.color2 // 保持按钮2的颜色不变
    });
  },
  
  changeColor2: function() {
    this.setData({
      color1: this.data.color1, // 保持按钮1的颜色不变
      color2: '#ff00ff' // 当点击按钮2时，将颜色改为紫色
    });
  }
})

在这个例子中，当你点击“按钮1”时，它的背景颜色会变成蓝色，而“按钮2”的颜色会保持绿色；同样，点击“按钮2”时，它的颜色会变为紫色，而“按钮1”保持原样。