You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
167 lines
3.1 KiB
167 lines
3.1 KiB
5 years ago
|
//to reset element-ui default css
|
||
|
|
//table header reset css
|
||
|
|
.el-table thead {
|
||
|
|
color: #333333;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
.el-table__header-wrapper tr {
|
||
|
|
background-color: #ececec !important;
|
||
|
|
}
|
||
|
|
.el-table th,
|
||
|
|
.el-table tr {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
//分页器reset css
|
||
|
|
.el-pagination {
|
||
|
|
padding: 30px 5px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.el-pagination.is-background .btn-next,
|
||
|
|
.el-pagination.is-background .btn-prev,
|
||
|
|
.el-pagination.is-background .el-pager li {
|
||
|
|
background-color: #ffffff;
|
||
|
|
border: 1px solid #ececec;
|
||
|
|
color: #606266;
|
||
|
|
}
|
||
|
|
.el-pagination.is-background .el-pager li:not(.disabled):hover {
|
||
|
|
color: #df3434;
|
||
|
|
}
|
||
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||
|
|
background-color: #df3434;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.el-pagination__sizes .el-input .el-input__inner:hover {
|
||
|
|
border-color: #df3434;
|
||
|
|
}
|
||
|
|
.el-select .el-input.is-focus .el-input__inner {
|
||
|
|
border-color: #df3434;
|
||
|
|
}
|
||
|
|
.el-select-dropdown__item.selected {
|
||
|
|
color: #df3434;
|
||
|
|
}
|
||
|
|
.el-input.is-active .el-input__inner,
|
||
|
|
.el-input__inner:focus {
|
||
|
|
border-color: #df3434;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-dialog__header {
|
||
|
|
background-color:rgba(248,248,248,1);
|
||
|
|
}
|
||
|
|
//下拉条
|
||
|
|
.avatar-uploader .el-upload {
|
||
|
|
border: 1px dashed #929292;
|
||
|
|
border-radius: 6px;
|
||
|
|
cursor: pointer;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.avatar-uploader .el-upload:hover {
|
||
|
|
border-color: #409EFF;
|
||
|
|
}
|
||
|
|
.avatar-uploader-icon {
|
||
|
|
font-size: 28px;
|
||
|
|
color: #8c939d;
|
||
|
|
width: 120px;
|
||
|
|
height: 120px;
|
||
|
|
line-height: 120px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.avatar {
|
||
|
|
width: 120px;
|
||
|
|
height: 120px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
//下拉菜单
|
||
|
|
.el-dropdown-menu {
|
||
|
|
background-color: #F7F7F7 !important;
|
||
|
|
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
|
||
|
|
background-color: #ffe8e6 !important;
|
||
|
|
color: #606266;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//步骤条
|
||
|
|
.el-step__head.is-process {
|
||
|
|
color: #DF3434;
|
||
|
|
border-color: #DF3434;
|
||
|
|
}
|
||
|
|
.el-step__title.is-process {
|
||
|
|
font-weight: 700;
|
||
|
|
color: #DF3434;
|
||
|
|
}
|
||
|
|
.el-step__description.is-process {
|
||
|
|
color: #DF3434;
|
||
|
|
}
|
||
|
|
|
||
|
|
//文字链接
|
||
|
|
.el-link {
|
||
|
|
vertical-align: unset;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-header{
|
||
|
|
position: relative;
|
||
|
|
width:100%;
|
||
|
|
padding: 0;
|
||
|
|
height:84px;
|
||
|
|
// background-color: #01496E;
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
//el-dialog样式
|
||
|
|
.el-dialog__title {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.el-dialog__headerbtn {
|
||
|
|
font-size: 22px;
|
||
|
|
}
|
||
|
|
.el-dialog__footer {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
//el-message-box样式
|
||
|
|
.el-message-box__title {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.el-message-box__headerbtn {
|
||
|
|
font-size: 22px;
|
||
|
|
}
|
||
|
|
// .el-upload {
|
||
|
|
// input[type="file"] {
|
||
|
|
// display: none !important;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
|
||
|
|
// .el-upload__input {
|
||
|
|
// display: none;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// //暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
|
||
|
|
// .el-dialog {
|
||
|
|
// transform: none;
|
||
|
|
// left: 0;
|
||
|
|
// position: relative;
|
||
|
|
// margin: 0 auto;
|
||
|
|
// }
|
||
|
|
|
||
|
|
// //element ui upload
|
||
|
|
// .upload-container {
|
||
|
|
// .el-upload {
|
||
|
|
// width: 100%;
|
||
|
|
// .el-upload-dragger {
|
||
|
|
// width: 100%;
|
||
|
|
// height: 200px;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// //树形节点
|
||
|
|
// .custom-tree-node {
|
||
|
|
// flex: 1;
|
||
|
|
// display: flex;
|
||
|
|
// align-items: center;
|
||
|
|
// justify-content: space-between;
|
||
|
|
// font-size: 14px;
|
||
|
|
// padding-right: 8px;
|
||
|
|
// }
|