index.scss 7.73 KB
@import "../scss/them.scss";
@import "../scss/common.scss";
#login .el-input__inner {
		background: rgba(255,255,255,.5);
		border-radius: 0!important;
		border: none!important;
		border-bottom: 1px solid #000000!important;
		background: #FFFFFF!important;
		box-shadow: none;
		margin-top: 20px;
		height: 40px;
		/* line-height: 40px; */
		border-radius: 5px;
		font-size: 16px;
	}
	#login .el-form-item--mini.el-form-item,#login .el-form-item--small.el-form-item{
		margin-bottom: 28px!important;
	}
	.detaiCon .el-image__inner--center{
		transform: translate(-50%)!important;
	}
.el-main{
	padding: 0;
}
.el-menu{
	height: 100%;
}
/* 输入框重置 */
.el-input--small .el-input__inner {
    height: 30px;
		line-height: 30px;
		@include font-colr(input_color);
}
.el-input__inner{
	border: 1px solid #E5E5E5;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus{
	border-color: #3BB7FF;
}
.el-tooltip__popper{
	max-width: 300px;
}
/* 下拉框重置 */
.el-select .el-input.is-focus .el-input__inner{
	border-color: #3BB7FF;
}
.el-popper[x-placement^=bottom] .popper__arrow{
	display: none;
}
.selectBox .el-popper[x-placement^=bottom]{
	margin-top: 0;
}
.el-select-dropdown__list{
	padding: 4px 0;
}
.el-select-dropdown{
	    border-radius: 2px;
}
.el-select-dropdown__item.selected{
	color: #555555;
	    font-weight: 400;
}
.el-select-dropdown__item.hover{
	    color: #ffffff;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
	background: #3BB7FF;
}
.el-select-dropdown__item{
	height: 26px;
	    line-height: 26px;
		padding: 0 10px;
}
.el-input__inner{
	border-radius: 2px;
	padding: 0 10px;
}
/* button重置 */
.el-button--mini, .el-button--small{
	border-radius:2px ;
}
.el-button--small, .el-button--small.is-round {
    padding: 7px 16px;
}
/* 主要按钮 */
.el-button--primary{
	background-color: #0069FF;
	border-color: #0069FF;
}
/* 信息按钮 */
.el-button--info {
    color: #FFF;
    background-color: #3BB7FF;
    border-color: #3BB7FF;
}
.el-button--info:focus, .el-button--info:hover {
    background: red;
    border-color: red;
    color: #FFF;
}
.el-button--info.is-active, .el-button--info:active{
	background: green;
	border-color: green;
	color: #FFF;
}
/* 分页 */
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
	     margin: 0 ; 
	    background-color: #fff;
	    color: #606266;
	    border: 1px solid #e5e5e5;
	    min-width: 30px;
	    border-radius: 1px;
	    border-right: none;
		padding: 0 16px;
		height: 35px;
		line-height: 35px;
}
.el-pagination.is-background .btn-next{
	 border-right: 1px solid #e5e5e5;
}
.el-pagination button, .el-pagination span:not([class*=suffix]){
	height: 35px;
	    line-height: 35px;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
	background-color:#0069FF
}
.el-input--mini .el-input__inner {
    height: 35px;
    line-height: 35px;
}
.el-pagination .el-select .el-input .el-input__inner{
	border-radius: 2px;
}
.el-image-viewer__img{
	max-height: 100%;
	max-width: none!important;
	width: 100%!important;
}
/* 表格 */

.el-table__body tr{
	@include background_color(table_tr_bg)
}
.el-table--border::after, .el-table--group::after, .el-table::before{
	@include background_color(table_bg);
}
.el-table__body-wrapper{
	@include background_color(hometabletr_bg);
}
.el-table th {
	@include background_color(table_th_bg);
}
 .el-table tr{
	@include background_color(hometabletr_bg);
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
	@include background_color(hometabletr_bg);
}

.el-table td, .el-table th.is-leaf{
	@include border-color(table_border);
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
	@include border-color(table_border);
}
.el-table--border, .el-table--group{
	@include border-color(table_border);
}
.el-table--border::after, .el-table--group::after, .el-table::before{
	@include border-color(table_border);
}
.el-table--border{
	border-bottom: none;
}
.el-table--small td, .el-table--small th{
	padding: 8px 0;
}
.el-table--border::after, .el-table--group::after, .el-table::before{
  // background-color: rgba(0,0,0,0);
}
body .el-table th.gutter{
	width: 17px!important;
display: table-cell!important;
}
.el-table--mini, .el-table--small, .el-table__expand-icon{
	font-size: 14px;
}
.el-table__body tr{
	background: #E5E5E5;
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
	background: #FFFFFF;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
	@include background_color(table_hover_bg);
}

/* 提示 */
.el-tooltip__popper{
	padding: 6px 12px;
	border-radius:2px;
}
.el-tooltip__popper.is-light{
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.13);
	border: none;
	color: #666666;
}
/* dialog */
.el-dialog__title{
	font-size: 15px;
	color: #FFFFFF;
}
.el-dialog__header{
	padding:8px 20px 6px;
	@include background_color(dialog_header_bg);
}
.el-dialog__body{
	@include background_color(dialog_body_bg);
}
.el-dialog__headerbtn{
	top: 12px;
}
.el-dialog__headerbtn .el-dialog__close{
	color: #FFFFFF;
}
.el-dialog__footer{
	background:#F6F6F6 ;
}
.dialog-footer .el-button--small {
    padding: 9px 17px;
	font-size: 14px;
}
.el-dialog__footer {
    padding: 8px 27px 8px;
}
/* dialog元素 */
.el-dialog .el-input--small .el-input__inner{
	    height: 26px;
			line-height: 26px;
}
.el-input--small .el-input__inner{
	@include background_color(input_bg);
	@include border_color(input_border);
}
.el-input__inner{
	@include background_color(input_bg);
	@include border_color(input_border);
}
.el-date-editor .el-range-input{
	@include background_color(input_bg);
	@include font-colr(input_color);
}
.el-dialog__body{
	padding: 30px 34px;
}
.detailDialog .el-dialog__body{
	padding: 0 34px;
}
.el-dialog .el-select--small{
	width: 100%;
}
/* .el-dialog .el-form-item--small .el-form-item__content,.el-dialog .el-form-item--small .el-form-item__label{
	line-height: 26px;
} */
.el-form-item__label{
	@include font-colr(label_color);
}
.el-switch__core{
	height: 13px;
}
.el-switch__core:after{
	width: 9px;
	height: 9px;
}
.el-switch.is-checked .el-switch__core::after {
    left: 100%;
    margin-left: -10px;
}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
margin-bottom: 4px;
}
/* 切换 */
.el-tabs__item{
	height: 52px;
	line-height:52px;
}
.home-box .el-tabs__nav .el-tabs__item{
	width: 14%!important;
	padding:0 28px!important;
}
/* 菜单 */
.el-menu-vertical-dem:not(.el-menu--collapse){
  min-height: 900px;
}
.el-menu .is-opened{
  /* background:rgba(239,239,239,1); */
}
// .el-menu .is-opened li {
//  background:rgba(247,247,247,1);
// }
.el-menu-item:focus, .el-menu-item:hover{
	@include background_color(active_nave_bg);
}
.el-menu-item.is-active{
	@include font-colr(font_color2);
  // color:  #0069ff!important;
	border-right: 2px solid #0069ff;
	@include border-color(font_color2);
	@include background_color(active_nave_bg);
}
.el-menu-item.is-active .submenuicon{
	@include background_color(font_color2);
}
.el-pagination__total{
	@include font-colr(pages_color);
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
	@include background_color(pages_bg);
	@include border-color(pages_border);
}
.el-pagination .el-input__inner{
	@include font-colr(pages_color);
	@include border-color(pages_border);
}
.el-pagination__jump{
	@include font-colr(pages_color);
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
	@include background_color(active_pages_bg);
}
.el-tree{
	@include background_color(treeboxbg);
	@include  font-colr(input_color);
}
.el-tree-node:focus>.el-tree-node__content{
	@include background_color(active_nave_bg);
}
.el-tree-node__content:hover{
	@include background_color(active_nave_bg);
}