47 lines
776 B
Vue
47 lines
776 B
Vue
<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>
|