zpw-vue-form/src/style/common.less

vue 表单系统

@BaseScreen: 1920;
@base:100rem/@BaseScreen;
@gridNum:24;
@grid:100rem/@gridNum;
@headHeight: 70*@base;
@asideWidth:244px;//244
@asideMinWidth:64px;
@rightWidth:200px;
@color-bc-head:cornflowerblue;
html,body{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position: relative;
	overflow: hidden;
	font-size:14px;
}
ul,li{
	list-style: none;
	padding:0;
	margin:0;
}
.el-select-dropdown__item{
	padding:0 20*@base;
}
.el-menu--horizontal .el-menu--popup{
	padding:0;
}
.el-menu--horizontal .el-menu .el-menu-item{
	background-color:rgba(51, 55, 67, 1)!important;
	height: @headHeight;
	line-height: @headHeight;
	color:#fff!important;
	&:hover{
		background-color:#41475a!important;
		color:#fff!important;
	}
}
/***********滚动条样式*************/
::-webkit-scrollbar-thumb,::-ms-thumb{
	background: #405C71;
}
::-webkit-scrollbar {
	width: 0px;     //!*高宽分别对应横竖滚动条的尺寸*!
	height: 10px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 8px;
	background-color:rgba(0,180,221,.3);
	background-image: linear-gradient(45deg, rgba(0,180,221, .2) 25%, transparent 25%, transparent 50%, rgba(140,156,168, .2) 50%, rgba(140,156,168, .2) 75%, transparent 75%, transparent);
}

/*::-webkit-scrollbar-track {!*滚动条里面轨道*!
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #405C71;
}*/
/*/deep/ .el-scrollbar__wrap{
	 overflow: auto;
 }
/deep/ .el-input,.el-button,.el-menu-item{
	font-size:1920/1280*14px;
}
/deep/ .el-input__inner{
	height: 1920/1280*40*@base;
	line-height: 1920/1280*40*@base;
}
/deep/ .el-form-item{
	margin-bottom: 1920/1280*22*@base
}
/deep/ .el-input__icon{
	height: 1920/1280*40*@base;
	line-height: 1920/1280*40*@base;
}
/deep/ .el-menu-item [class^=el-icon-]{
	font-size:1920/1280*18px;
}*/
.xq-row{
	width:100%;
	display: flex;
}
::-webkit-scrollbar-thumb,::-ms-thumb{
	background: #E7E7E7;
}
::-webkit-scrollbar {/*滚动条整体样式*/
	width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	background-color:rgba(@color-bc-head,.3);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #EDEDED;
}
.el-tabs__content{
	height:calc(100% - 100 *@base);
	overflow: auto;
}
.xq-form{
	.el-form-item__label{
		float: unset;
		text-align: left;
		display: block;
	}
}
.labelLeft{
	.el-form-item__label{
		//float: left;
	}
}
/deep/ .el-table td,/deep/ .el-table th{
	padding:5px 0;
}
.demo-table-expand{
	display: flex;
	flex-wrap: wrap;
	.el-form-item{
		width:25%;
		display: flex;
		margin-right: 0;
		.el-form-item__label{
			width:8em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: pre;
		}
		.el-form-item__content{
			width:calc(100% - 8em);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: pre;
		}
	}
}