<script>
export default {
	data() {
		return {
			currentPage: 1,
		}
	},
	methods: {

	}
}
</script>

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

<style scoped lang="scss">
::v-deep .el-pagination {
	.btn-prev, .btn-next {
		background-color: #FFFFFF !important;
		border: 1px solid #E2E8F0 !important;
		border-radius: 6px !important;
	}
	.el-pager {
		.number, .more {
			background-color: #FFFFFF !important;
			border: 1px solid #E2E8F0 !important;
			border-radius: 6px !important;
		}
		.active {
			color: #7B61FF !important;
			border: 1px solid #7B61FF !important;
			background-color: #FFFFFF !important;
		}
	}
}
</style>
