【vue-elementUi】分页组件

整理一波可以直接复制使用的分页代码

<el-pagination
              :current-page="this.pageIndex"
              :page-size="this.pageSize"
              layout="total,prev, pager, next, jumper"
              :total="this.eqPicTotal"
              @current-change="pageChangePic"
              background
            >
</el-pagination>

pageChangePic(e) {
      this.pageIndex = e
      this.getPicTimeList()
    },

简单的样式修改

改变了选中的背景颜色

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #18ca7c;
    color: #fff;
}

1.11

添加一些样式的修改

  ::v-deep {
    .el-pagination.is-background .el-pager li:not(.disabled) {
      background-color: #fff;   // 进行修改未选中背景和字体
      // color: #fff;
    }
    .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: green;   // 进行修改选中项背景和字体
      color: #fff;
    }
    .el-carousel__indicators--outside{
      position: absolute;
    }
    .el-carousel__indicators--vertical {
      top: 30%;
    }
  
  
  .el-input__inner{
        
         border-color: white;
         background-color:	#e3ebeb;
     }
     .el-select-dropdown__item{
         color: #eee;
     }
     
     
  }