aizuda-web-vue3/src/styles/project_normal.scss

body {
	font-family: $le-family;
	font-size: 14px;
	overflow-x: hidden;
}
// 页面公用样式 flex column 外壳
.flex-column-page-wrap {
	flex: 1;
	display: flex;
	height: 100%;
	flex-direction: column;
}
// 单行超出隐藏
.text-overflow-hidden {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.common_title {
	position: relative;
	display: flex;
	align-items: center;
	//line-height: 22px;
	padding: 12px 0;
	font-size: 14px;
	//color: rgba(0, 0, 0, 0.85);
	color: var(--el-text-color-primary);
	//background-color: var(--el-fill-color);
	&:before {
		content: '';
		width: 3px;
		height: 16px;
		margin-right: 6px;
		background: $le-color-primary;
	}
}

// icon-图标变小手
.ibt0 {
	cursor: pointer;
}

// 全局滚动条样式
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{border-radius:6px;background: $le-bg-color_1;}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.06);box-shadow:0 0 0 #fff inset,0 0 0 rgba(255,255,255,0.9) inset,0 0 0 rgba(255,255,255,0.9) inset,0 0 0 rgba(255,255,255,0.9) inset}
::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(0,0,0,0.1);box-shadow:0 0 0 #fff inset,0 0 0 #fff inset,0 0 0 rgba(255,255,255,0.9) inset,0 0 0 rgba(255,255,255,0.9) inset}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.4)}
::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.6)}

// 审批公用样式
.flex-column-page-wrap.flex-wrap {
	flex-direction: row;
	background-color: #f2f3f5;
	padding: 10px 10px 0 10px;
}

.warp-left {
	width: 330px; /*固定宽度*/
	overflow: auto; /*超出部分滚动*/
	background-color: var(--el-bg-color);
	margin-right: 10px;
}

.warp-right {
	flex: 1; /*这里设置为占比1，填充满剩余空间*/
}