el-date-picker在手机上太大

根据引用内容，你可以给el-date-picker组件添加popper-class属性，通过添加类名来修改下拉框的大小以及里面的内容样式。具体的代码如下所示：

<el-date-picker popper-class="popperClass" size="small" v-model="year"></el-date-picker>
<style lang="scss" scoped>
.popperClass.el-date-picker {
  width: 220px;
  height: 200px;
  &__header-label {
    font-size:14px;
  }
  .el-picker-panel__content {
    width: 220px;
    height: 200px;
    margin-left: 0;
  }
  .el-year-tabel td {
    padding: 5px 0;
    .cell {
      width: 32px;
      height: 32px;
    }
  }
}
</style>

通过上述代码，在手机上可以通过修改width和height属性来调整el-date-picker的大小，使其适应手机屏幕。同时，还可以通过修改.font-size和.el-picker-panel__content的width和height来调整下拉框中的内容大小和样式。

总结起来，你可以通过给el-date-picker组件添加popper-class属性，并在样式中使用该类名来修改el-date-picker的大小以及下拉框内部的内容样式，以满足在手机上显示合适的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [el-date-picker 部分源码解析以及源码修改思路](https://blog.csdn.net/weixin_37342647/article/details/123857856)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [修改elmentui中el-date-picker下拉框样式(大小)](https://blog.csdn.net/he1234555/article/details/126453682)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]