element-ui中 修改分页icon

要修改Element UI中分页组件的图标，你可以通过自定义样式来实现。首先，你需要在你的项目中引入Element UI的样式文件。然后，你可以使用自定义样式来修改分页组件的图标。

以下是一个示例，演示如何修改Element UI分页组件的前一页和后一页图标：

1. 在你的项目中引入Element UI的样式文件。在你的主样式文件（通常是`main.css`或`main.scss`）中添加以下代码：

@import "~element-ui/packages/theme-chalk/src/index";

2. 在你的组件中，使用`el-pagination`组件，并添加自定义样式。例如：

<template>
  <el-pagination
    class="custom-pagination"
    :page-sizes="[10, 20, 30, 40]"
    :page-size="pageSize"
    :total="total"
    layout="prev, pager, next"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
  ></el-pagination>
</template>

<style scoped>
.custom-pagination .el-icon-arrow-left {
  font-size: 12px;
  /* 添加你想要的前一页图标样式 */
}

.custom-pagination .el-icon-arrow-right {
  font-size: 12px;
  /* 添加你想要的后一页图标样式 */
}
</style>

在上面的示例中，我们给分页组件添加了一个自定义类名`.custom-pagination`，然后使用该类名来修改前一页和后一页图标的样式。你可以根据需要修改图标的大小、颜色等。

请注意，这只是一个示例，你可以根据你的具体需求进行修改。你可以通过修改`el-icon-arrow-left`和`el-icon-arrow-right`选择器来选择不同的图标，并通过修改样式来自定义它们的外观。

希望以上信息对你有帮助！如有任何疑问，请随时提问。