xq-admin-page/dist/css/xq-admin-page.min.css

基于Bootstrap5的表格列表，主要有后台管理的列表与搜索、添加、编辑、删除、导出等功能，同时列表支持自定义排序、分页大小等。

/*!
 * xq-admin-page v1.1.1 (https://xqkeji.cn/demo/xq-admin-page)
 * Author xqkeji.cn
 * LICENSE SSPL-1.0
 * Copyright 2025 xqkeji.cn
 */
 @charset "UTF-8";thead th{background-position:right;background-repeat:no-repeat}thead th.xq-order{cursor:pointer;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC")}thead th.xq-order-asc{cursor:pointer;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==")}thead th.xq-order-desc{cursor:pointer;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ")}body{min-width:auto}.header-container{align-items:center}.page-title{margin-bottom:0}#xqkeji-page-body{margin-top:.2rem}#xqkeji-page-body .table tbody tr td{padding:.3rem}#xqkeji-page-body td{text-align:center;vertical-align:middle}#xqkeji-page-body td .form-switch{width:32px;margin:auto}#xqkeji-page-body th{text-align:center;vertical-align:middle}#xqkeji-page-body>.card-header{color:#fff}#xqkeji-page-body .form-group{margin-bottom:1rem}#xqkeji-page-body .xqkeji-check-group{list-style:none;padding:0;margin:0}#xqkeji-page-body .xqkeji-check-group li{float:left;padding:0 10px 0 0}#xqkeji-page-body .xqkeji-check-group li label{margin-left:.5rem}#xqkeji-page-body .xq-auth-table td{vertical-align:middle}#xqkeji-page-body .xq-auth-table .xq-auth-check-table{height:3rem}#xqkeji-page-body .xq-auth-table .xq-auth-check-row{min-width:10rem;min-height:4rem}#xqkeji-page-body .xqkeji-auth-check{list-style:none;padding:0}#xqkeji-page-body .xqkeji-auth-check li{float:left;padding:0 10px;line-height:2rem;display:flex!important;align-items:center!important}#xqkeji-page-body .xqkeji-auth-check li label{margin-left:.2rem}#xqkeji-page-body .xq-tab-form .tab-content{padding-top:.5rem}.xq-captcha{cursor:pointer}.card-header.bg-success{color:#fff}.card-header{height:50px;max-height:50px}.card-header .form-inline{margin-top:-2px}.file-drop-zone{min-height:auto!important}.file-drop-zone .file-drop-zone-title{padding:45px 10px}.container-fluid>.row>div>h2>b{color:#fff}.xq-move{cursor:move}.xq-table.xq-table-striped>tbody:nth-of-type(odd)>tr>td{color:#212529;background-color:rgba(0,0,0,.05)!important}.xq-table.xq-table-hover>tbody>tr:hover>td{color:#212529;background-color:rgba(0,0,0,.05)}.xq-table>:not(:first-child){border-top:none}.xq-table>thead{border-bottom:2px solid currentColor}.xq-table>tfoot{border-top:2px solid currentColor!important}.file-input{width:35rem}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}#xq-bs-mask.modal{--bs-modal-width:50px}#xq-bs-mask.modal .modal-dialog .modal-content{margin-top:40vh}#xq-bs-mask.modal .modal-dialog .overlay{display:-ms-flexbox;display:flex;position:relative;left:0;top:0;bottom:0;right:0;z-index:1052;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;height:20px}#xq-bs-mask.modal .modal-dialog .fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite;font-size:3rem}#xq-bs-mask.modal .modal-dialog .fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.search-form{max-height:42px}#xqkeji-page-body .search-form .form-group{margin-bottom:0}.search-form .form-group label{white-space:nowrap}.search-form input[type=submit]{padding:.25rem .5rem!important;height:31px!important;line-height:1.2!important;white-space:nowrap;margin-top:.25rem}@media (min-width:576px){.form-inline .form-check,.form-inline .form-group,.form-inline label{display:flex}.form-inline .form-group,.form-inline label{margin-bottom:0!important}.form-inline label{align-items:center;justify-content:center}.form-inline .form-check,.form-inline .form-group{align-items:center}.form-inline .form-group{flex:0 0 auto;flex-flow:row wrap}.form-inline .form-control,.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-control{width:auto;vertical-align:middle}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}@media (max-width:768px){body{min-width:auto;padding:0 5px}.card-header{height:auto;max-height:none;padding:.5rem}.xqkeji-page-body{margin-top:.5rem}.table-responsive{font-size:.875rem}.form-group{margin-bottom:.75rem}.xq-hide-sm{display:none!important}.header-container{flex-direction:column;align-items:flex-start!important}.search-form{width:100%!important;margin-top:10px}}@media (min-width:768px) and (max-width:992px){.xq-hide-md{display:none!important}}@media (min-width:768px){.pagination .page-link{padding:8px 16px;font-size:14px}.pagination-sm .page-item .page-link{padding:6px 12px}}@media (max-width:575.98px){.col-12{padding-left:0!important;padding-right:0!important}.table-responsive{font-size:.875rem;overflow-x:auto}.btn{padding:.375rem .5rem;font-size:.875rem}.file-input{width:auto}.search-form{margin-bottom:0!important;padding-bottom:0!important}.search-form form{flex-wrap:nowrap!important;align-items:center;width:100%;margin-bottom:0!important;padding-bottom:0!important}.search-form .form-group{flex:1;min-width:0;margin-bottom:0!important}.search-form .form-control{width:100%!important;box-sizing:border-box}.search-form input[type=submit]{padding:.25rem .5rem!important;height:31px!important;line-height:1.2!important;white-space:nowrap;margin-top:0}.form-group label{padding-left:0}#xq-page-size{width:60px!important;font-size:.9rem!important;padding:.25rem .5rem!important;height:auto!important}#xq-page-size.parent{margin-left:.25rem!important}}