elmentplus中的Pagination如何设置自定义的background

Element Plus 的 Pagination 组件同样支持自定义背景设置。您可以使用 `background-color` 属性来设置背景色。

以下是一个简单的示例：

<template>
  <div>
    <el-pagination
      :current-page="currentPage"
      :page-size="pageSize"
      :total="total"
      layout="prev, pager, next"
      :background-color="backgroundColor"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
      pageSize: 10,
      total: 100,
      backgroundColor: "#f2f2f2",
    };
  },
};
</script>

<style>
.el-pagination__item,
.el-pagination__jump {
  background-color: #ddd;
  border-radius: 5px;
  margin-right: 5px;
  padding: 5px;
  color: #666;
}

.el-pagination__item:hover,
.el-pagination__jump:hover {
  background-color: #bbb;
  color: #fff;
}
</style>

在这个例子中，我们通过 `background-color` 属性设置了 Pagination 组件的背景颜色。同时，我们也通过 CSS 样式设置了分页元素的背景颜色、文本颜色、内边距和边框半径，并且当鼠标悬停在分页元素上时，背景颜色和文本颜色会发生变化。

您可以根据需要调整样式来满足您的需求。