| | |
| | | } |
| | | .avue-dialog .el-dialog{ |
| | | top:50%; |
| | | max-height: calc(100% - 80px); |
| | | max-height: calc(100% - 50px); |
| | | max-width: calc(100% - 50px); |
| | | -webkit-transform: translate(-50%, 0); |
| | | transform: translate(-50%, -50%); |
| | | margin-top: 0 !important; |
| | | } |
| | | .avue-dialog .el-dialog__body{ |
| | | padding: 15px 15px 0px 15px; // 上右下左 取消表格下边距(会出现滚动条) |
| | | margin-bottom: 10px !important; |
| | | margin-bottom: 5px !important; |
| | | } |
| | | .avue-dialog .el-dialog__body .avue-form{ |
| | | margin: 0px auto 40px; // 单独给对话框里的avue表单加上下边距 |
| | | margin: 0px auto 45px; // 单独给对话框里的avue表单加上下边距 |
| | | } |
| | | .dialog-footer{ |
| | | background-color: #ffffff; |
| | |
| | | .avue--detail .el-col{ |
| | | margin-bottom: 0; |
| | | } |
| | | .avue-crud .avue-crud__menu{ |
| | | min-height: 26px; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | margin-bottom: 5px; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text{ |
| | | padding: 2px 6px; |
| | | } |
| | | .avue-crud table td{ |
| | | line-height: 22px; |
| | | } |
| | | .avue-crud__header{ |
| | | min-height: 35px; |
| | | } |
| | | /**左侧操作栏**/ |
| | | .avue-crud__left{ |
| | | display: flex; |
| | | align-items: start; |
| | | } |
| | | /**右侧侧操作栏**/ |
| | | .avue-crud__right{ |
| | | display: flex; |
| | | align-items: start; |
| | | } |
| | | /**表内操作栏**/ |
| | | .avue-crud .avue-crud__menu{ |
| | | min-height: 18px; |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text{ |
| | | padding: 2px 3px; |
| | | display: flex; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text > span { |
| | | display: flex; |
| | | } |
| | | .el-table--small, .el-table__expand-icon{ |
| | | font-size: 14px; |
| | |
| | | .el-table .sort-caret.descending{ |
| | | bottom: 0; |
| | | } |
| | | /****处理固定列错行问题****/ |
| | | .el-table th.el-table__cell .cell{ |
| | | display: flex; |
| | | justify-content:flex-start; |
| | | } |
| | | .el-table th.el-table__cell.is-center .cell{ |
| | | justify-content:center; |
| | | } |
| | | |
| | | .el-table th.el-table__cell.is-right .cell{ |
| | | justify-content: flex-end; |
| | | } |
| | | .el-table th.el-table__cell .cell span:first-child{ |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .el-table .el-table__fixed,.el-table .el-table__fixed-right{ |
| | | height: 100% !important; |
| | | } |
| | | .el-table__fixed .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-body-wrapper{ |
| | | height: calc(100% - 47px) !important; |
| | | top:35px !important; |
| | | padding-bottom: 12px !important; |
| | | } |
| | | /* |
| | | 分页 |
| | | */ |
| | |
| | | .UI-dynamic > .avue-crud{ |
| | | height: 100%; |
| | | } |
| | | |
| | | /* |
| | | svg图标 |
| | | */ |
| | | .iconShow svg{ |
| | | fill: currentColor; |
| | | } |
| | | /* |
| | | 表单 |
| | | */ |
| | |
| | | } |
| | | |
| | | |
| | | /***按钮框****/ |
| | | /*** |
| | | 按钮 |
| | | ****/ |
| | | .tree-buttons .el-button{ |
| | | margin: 0 5px 5px 0; |
| | | } |
| | |
| | | text-align: center; |
| | | padding-left: 4.5px; |
| | | } |
| | | /*显示svg图标的按钮*/ |
| | | .el-button--small.button-custom-icon{ |
| | | padding: 7px 12px; |
| | | } |
| | | .el-button--small.button-custom-icon > span{ |
| | | height: 16px; |
| | | display: -webkit-box; |
| | | display: -ms-flexbox; |
| | | display: flex; |
| | | -webkit-box-align: center; |
| | | -ms-flex-align: center; |
| | | align-items: center; |
| | | -webkit-box-pack: center; |
| | | -ms-flex-pack: center; |
| | | justify-content: center; |
| | | } |
| | | /*图标**/ |
| | | .el-button--small.button-custom-icon > span .iconShow{ |
| | | font-size: 12px !important; |
| | | width: 12px !important; |
| | | height: 12px !important; |
| | | margin-right: 2px; |
| | | } |
| | | |
| | | .el-table td.el-table__cell div.iconShow{ |
| | | font-size: 14px !important; |
| | | width: 14px !important; |
| | | height: 14px !important; |
| | | margin-top: -1px; |
| | | margin-right: 1px; |
| | | } |
| | | |
| | | /* |
| | | 树 |
| | |
| | | .el-tree .el-tree-node__loading-icon{ |
| | | display: none !important; |
| | | } |
| | | /*图标**/ |
| | | .el-tree-node__label > span{ |
| | | display: flex; |
| | | } |
| | | .el-tree-node__label .iconShow{ |
| | | display: inline-block; |
| | | width: 14px !important; |
| | |
| | | margin-right: 3px; |
| | | } |
| | | .el-tree-node__label [class*=" el-icon-"],.el-tree-node__label [class^=el-icon-]{ |
| | | font-size: 14px;margin-top: 3px; |
| | | font-size: 14px;margin-top: 4px; margin-right: 3px; |
| | | } |
| | | |
| | | .el-select{ |
| | |
| | | content: ''; |
| | | } |
| | | |
| | | |
| | | .font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;} |
| | | .font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;} |
| | | |