微信小程序的picker 修改分割线颜色

在微信小程序中，Picker组件并没有提供直接修改分割线颜色的属性。但是，我们可以通过一些小技巧来实现修改分割线颜色的效果。

一种常见的做法是通过设置Picker的样式为`background-color: transparent`，然后在Picker的父容器上添加一个带有自定义颜色的边框来模拟分割线的效果。

以下是一个示例代码片段，展示了如何修改微信小程序中Picker组件的分割线颜色为红色：

<view class="picker-container">
  <picker mode="selector" range="{{options}}" bindchange="handlePickerChange">
    <view class="picker-text">{{selectedOption}}</view>
  </picker>
</view>

<style>
.picker-container {
  border: 1px solid red; /* 自定义边框颜色 */
  border-radius: 4px;
  padding: 10px;
}

.picker-text {
  font-size: 16px;
  color: #333;
}
</style>

<script>
Page({
  data: {
    options: ['Option 1', 'Option 2', 'Option 3'],
    selectedOption: 'Option 1'
  },
  
  handlePickerChange(e) {
    const selectedOption = this.data.options[e.detail.value];
    this.setData({
      selectedOption
    });
  }
})
</script>

在上述示例中，我们通过在`.picker-container`选择器下设置一个红色的边框来模拟分割线的效果。同时，我们还为`.picker-text`选择器设置了自定义的文本样式。

您可以根据需要调整代码和颜色值，以便符合您的设计要求。希望对您有所帮助！