uni-app uni-datetime-picker组件，点击年月时下拉样式更改需求

针对uni-app中uni-datetime-picker组件点击年月时下拉样式更改的需求，你可以通过自定义样式和组件的插槽（slot）来实现。虽然uni-datetime-picker组件本身没有直接提供修改下拉样式的API，但你可以通过CSS样式覆盖和Vue的插槽机制来实现自定义样式。

以下是一个基本的实现思路，包含修改下拉样式的代码案例：

1. 自定义样式： 首先，你可以通过CSS覆盖默认样式。在App.vue或你的页面样式文件中添加自定义样式。

/* 自定义下拉样式 */
.uni-datetime-picker .uni-picker-view {
    background-color: #f5f5f5; /* 背景色 */
    color: #333; /* 文字颜色 */
}

.uni-datetime-picker .uni-picker-column-item {
    font-size: 16px; /* 字体大小 */
    text-align: center; /* 文字居中 */
}

.uni-datetime-picker .uni-picker-column-item.active {
    background-color: #007aff; /* 选中项背景色 */
    color: #fff; /* 选中项文字颜色 */
}

1. 使用插槽（slot）（如果需要进一步自定义）： 虽然uni-datetime-picker组件没有直接提供插槽来自定义下拉内容，但你可以考虑在组件外部使用其他UI组件或自定义组件来模拟下拉选择效果，然后通过事件与uni-datetime-picker进行交互。

   不过，对于简单的样式修改，上述CSS覆盖通常已经足够。

2. 示例代码：

<template>
  <view>
    <uni-datetime-picker
      type="datetime"
      @change="onDateChange"
      :start="'2020-01-01'"
      :end="'2030-12-31 23:59'">
    </uni-datetime-picker>
  </view>
</template>

<script>
export default {
  methods: {
    onDateChange(event) {
      console.log('选中的日期时间:', event.detail.value);
    }
  }
}
</script>

<style scoped>
/* 在这里添加你的自定义样式 */
@import "./path/to/your/custom-styles.css";
</style>

请注意，上述代码仅通过CSS样式覆盖了uni-datetime-picker组件的部分默认样式。如果你需要更复杂的自定义，可能需要考虑使用其他UI组件库或自己实现一个日期时间选择器组件。

确保你的样式文件路径正确，并且样式已经被正确加载。在HBuilderX中运行和预览你的uni-app项目，查看下拉样式是否已经按照你的需求进行了更改。