// 基于 @CONTROL/表格/CONTROL.less.ftl 生成 .grid { flex-grow: 1; height: 100%; overflow: auto; .el-table__body-wrapper::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px !important; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px !important; } .el-table__body-wrapper::-webkit-scrollbar-thumb { /*滚动条颜色*/ border-radius : 10px !important; background-color: #cecece !important; } .el-table__body-wrapper::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background : #ededed !important; border-radius: 10px !important; } /*表格文字过长省略*/ .el-table th>.cell, .el-table td>.cell{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .el-table-column--selection .cell { padding-left: 0px; padding-right: 0px; } .app-column-link, .app-format-data{ display: inline; } .el-table { height: 100%; display:flex; flex-direction: column; justify-content: flex-start; .el-table__row{ .grid-uiaction-divider { padding:0 10px 0 10px; border-left: 1px #b3b3b3 solid; } .grid-first-uiaction { padding:0 10px 0 10px; } } .quick-toolbar{ display: inline-block; button{ background: #ebf3fb; color: #2575ca; border: 0; } } .el-tooltip{ .ivu-form-item{ margin-bottom: unset !important; } } .el-table__body .edit-cell{ padding:0; .app-form-item{ margin-top: 20px; margin-bottom: 20px; } } .el-table__header-wrapper{ min-height: 45px; max-height: 100px; height: auto; } .el-table__footer-wrapper{ min-height: 45px; max-height: 100px; height: auto; } } .grid-pagination { height: 50px; padding: 6px 0px; .page-button { button { padding: 0; font-size: 16px; min-width: 32px; height: 32px; margin-right: 4px; } } .page-column { position: absolute; left: 0; } .batch-toolbar{ position: absolute; left: 105px; >.toolbar-container{ button { font-size: 16px; min-width: 32px; height: 32px; margin-right: 4px; margin-top: 0; margin-bottom: 0; } } } } } .ivu-modal-content{ .footer{ .ivu-row{ text-align: right; } } } .cell-indeterminate { >div>label { >span { .el-checkbox__inner { background-color: #409eff; border-color: #409eff; } .el-checkbox__inner:before { content: ""; position: absolute; display: block; background-color: #fff; height: 2px; transform: scale(.5); left: 0; right: 0; top: 5px; } } >span.is-checked { .el-checkbox__inner { background-color: #409eff; border-color: #409eff; } .el-checkbox__inner:after { border: 0px; } } } } .cell-select-all { >div>label { >span { .el-checkbox__inner { background-color: #409eff; border-color: #409eff; } .el-checkbox__inner:after { box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(1); width: 3px; transition: transform .15s ease-in .05s; transform-origin: center; } } } } // this is less