el-pagination修改样式

要修改 `el-pagination` 的样式，你可以使用以下方法：

1. 使用自定义 CSS：你可以通过在你的项目中添加自定义的 CSS 样式来修改 `el-pagination` 的样式。你可以使用浏览器的开发者工具来查看 `el-pagination` 元素的类名和结构，并根据需要覆盖相应的样式。

2. 使用 `slot` 插槽：`el-pagination` 提供了一些插槽，可以让你自定义其内部的内容和样式。你可以使用这些插槽来修改分页按钮、页码等元素的样式。例如，你可以使用 `first` 插槽来修改第一页按钮的样式，使用 `prev` 插槽来修改上一页按钮的样式，以此类推。

下面是一个简单示例，展示如何使用 `slot` 插槽来修改 `el-pagination` 的样式：

<el-pagination
  :total="100"
  :page-size="10"
>
  <template v-slot:first>
    <span class="custom-first">第一页</span>
  </template>
  <template v-slot:prev>
    <span class="custom-prev">上一页</span>
  </template>
  <!-- 其他插槽 -->
</el-pagination>

然后，在你的 CSS 文件中定义 `.custom-first` 和 `.custom-prev` 类的样式：

.custom-first {
  /* 自定义样式 */
}

.custom-prev {
  /* 自定义样式 */
}

通过这种方式，你可以自由地修改 `el-pagination` 的样式，以满足你的需求。记得在修改样式时，要保持良好的可读性和可维护性。