el-pagination page-sizes 选项展开朝向修改

`el-pagination` 是 Element UI 中的一个分页组件，在 Vue.js 库中用于展示数据列表的分页导航。其中 `page-sizes` 是一个属性，它允许你在页面底部提供不同大小的页数选择，比如“每页5条”、“每页10条”等。

如果你想改变默认的展开方向，即下拉箭头所指的方向，你需要直接操作组件的样式或者自定义它的模板。你可以通过 CSS 来修改 `.el-pagination__sizes` 类的选择器，例如：

.el-pagination__sizes {
  .el-icon-caret-bottom {
    transform: rotate(180deg); /* 将默认的向下箭头旋转180度，变成向上 */
  }
}

或者如果你希望更精细地控制，可以考虑使用 Vue 的计算属性和指令来自定义组件内容：

<template>
  <el-pagination
    :page-sizes="['5', '10', '20']"
    v-bind:size.sync="pageSize"
    @size-change="handleSizeChange"
  >
    <span>每页{{ pageSize }}</span>
  </el-pagination>
</template>

<script>
export default {
  data() {
    return {
      pageSize: '10', // 默认页大小
    };
  },
  methods: {
    handleSizeChange(size) {
      this.pageSize = size;
    },
  },
};
</script>

然后你可以在样式表中针对不同的 `size` 值调整箭头的样式。