uniapp picker 小程序 设置确定按钮颜色

uniApp的Picker组件在小程序中允许用户选择数据，关于设置确定按钮的颜色，虽然Picker本身并不直接提供修改确认按钮颜色的API，但是你可以通过自定义组件的方式来实现这一点。具体步骤如下：

1. 首先，在页面的wxml文件中，你需要创建一个包含Picker的自定义视图组件，而不是直接使用原生的Picker组件。

<view class="custom-picker">
   <picker bindchange="onPickerChange" :value="{{selectedValue}}" placeholder="请选择">
      <!-- 你的选项数组 -->
      <block wx:for="{{options}}">
         <view>{{item}}</view>
      </block>
   </picker>
</view>

2. 在对应的wxss样式表文件中，你可以给`.custom-picker button`添加一个新的类名，并设置其背景色或者其他样式属性：

.custom-picker button {
  color: #fff; /* 确定按钮文字颜色 */
  background-color: red; /* 修改为你想要的红色背景 */
  /* 可以调整其他CSS属性 */
}

3. 在js部分，保持原有`onPickerChange`方法处理选择事件，同时确保将`selectedValue`同步到你的业务状态：

Page({
  data: {
    selectedValue: '',
    options: ['选项1', '选项2', '选项3'], // 你的选项列表
  },
  onPickerChange(e) {
    this.setData({ selectedValue: e.detail.value });
  }
})

这样，你就实现了自定义Picker组件并设置了确定按钮的颜色。如果你需要动态改变颜色，可以将颜色绑定到数据上，然后根据数据值变化来调整样式。