对接数据
This commit is contained in:
46
pages/Launches/components/CustomerPagination.vue
Normal file
46
pages/Launches/components/CustomerPagination.vue
Normal file
@ -0,0 +1,46 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user