1.input框
宽高修改el--input
边框修改 el-input__inner
修改icon位置及颜色 .el-input__suffix
.el-input {
width: 450px;
height: 36px;
float: right;
line-height: 56px;
margin-right: 20px;
}
.el-input__inner {
border: 1px solid #dadada;
border-radius: 23px;
}
.el-input__suffix {
right: 22px;
color: #999;
}
2.分页符
调整位置居中,修改.el-pagination {text-align: center;}
.el-pagination {
margin-top: 20px;
text-align: center;
.el-icon-arrow-left:before {
content: "上一页";
@include pagiFont;
}
.el-icon-arrow-right:before {
content: "下一页";
@include pagiFont;
}
.el-pager {
margin-top: 3px;
}
button {
width: 78px;
height: 40px;
border: 1px solid #999999;
border-radius: 4px;
}
li {
width: 40px;
height: 34px;
border: 1px solid #999999;
border-radius: 4px;
background: #f6f6f6;
@include pagiFont;
}
.el-pager li:not(.disabled).active {
background: #2259e5;
border: 1px solid #2259e5;
border-radius: 4px;
color: #fff;
}
}
::before
::after
加竖线的时候要加display : inline-block