<template>
<div class="order-list">
<div class="wrapper">
<div class="container">
<div class="order-box">
<el-pagination
v-if="true"
class="pagination"
background
layout="prev, pager, next"
:pageSize="pageSize"
:total="total"
@current-change="handleChange"
>
</el-pagination>
<div class="load-more" v-if="false">
<el-button type="primary" :loading="loading" @click="loadMore">加载更多</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
import { Pagination,Button } from 'element-ui'
export default{
name:'order-list',//orderList订单详情
components:{
[Pagination.name]:Pagination,//因为注册的名称叫el-Pagination,要写成el-Pagination,要么就这么写
[Button.name]:Button
},
}
</script>
<style lang="scss">
.order-list{
.wrapper{
background-color:$colorJ;
padding-top:33px;
padding-bottom:110px;
.order-box{
.el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #FF6600;
}
.el-button--primary{
background-color: #FF6600;
border-color: #FF6600;
}
}
}
}
</style>
vue开发element-ui插件之“element-ui按钮组件颜色的修改“
最新推荐文章于 2024-08-18 19:23:46 发布