| | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "app", |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | } |
| | | .el-card__body { |
| | | padding: 15px; |
| | | } |
| | | .el-dialog{ |
| | | margin: 50px auto; |
| | | } |
| | | .avue-dialog .el-dialog{ |
| | | top:50%; |
| | | max-height: calc(100% - 100px); |
| | | -webkit-transform: translate(-50%, 0); |
| | | transform: translate(-50%, -50%); |
| | | margin-top: 0 !important; |
| | | } |
| | | .avue-dialog .el-dialog__body{ |
| | | padding: 20px; |
| | | } |
| | | .avue--detail .el-col{ |
| | | margin-bottom: 0; |
| | | } |
| | | .avue-crud .avue-crud__menu{ |
| | | min-height: 32px; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | margin-bottom: 5px; |
| | | } |
| | | .avue-crud__pagination{ |
| | | padding: 15px 0 10px; |
| | | } |
| | | .UITabs > .el-tabs__content{ |
| | | height:calc(100% - 56px); |
| | | } |
| | | .componentVO{ |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | .UI-collapse{ |
| | | box-sizing: border-box; |
| | | height: calc(100% - 10px); |
| | | } |
| | | .UI-collapse > .el-collapse-item{ |
| | | max-height: calc(100% - 60px); |
| | | overflow: auto; |
| | | } |
| | | .UI-collapse > .el-collapse-item > .el-collapse-item__wrap{ |
| | | height:calc(100% - 49px); |
| | | } |
| | | .UI-collapse > .el-collapse-item > .el-collapse-item__wrap > .el-collapse-item__content{ |
| | | height: 100%; |
| | | padding-bottom: 5px; |
| | | } |
| | | .UI-dynamic{ |
| | | height: 100%; |
| | | } |
| | | .UI-dynamic > .avue-crud{ |
| | | height: 100%; |
| | | } |
| | | |
| | | .el-form-item{ |
| | | margin-bottom: 15px; |
| | | } |
| | | .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{ |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | .tree-buttons .el-button{ |
| | | margin: 0 5px 5px 0; |
| | | } |
| | | </style> |