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,填充满剩余空间*/ }