ysj-plus-table/dist/index.css

A Vue 3 table component based on Element Plus

@charset "UTF-8";.right-main[data-v-12910e8a]{padding:20px;background-color:#fff;border-radius:4px}.search-base-block[data-v-12910e8a]{margin-bottom:20px;padding:20px;background-color:#f5f7fa;border-radius:4px}.table-base-block[data-v-12910e8a]{background-color:#fff;border-radius:4px}.table-base-buttom[data-v-12910e8a]{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination-container[data-v-12910e8a]{margin-top:20px;text-align:right}.search-btn[data-v-12910e8a],.reset-btn[data-v-12910e8a]{margin-right:8px}[data-v-12910e8a] .el-table .el-table__header-wrapper th{background-color:#f5f7fa;color:#606266;font-weight:500;height:50px}[data-v-12910e8a] .el-table .el-table__row td{padding:8px 0}[data-v-12910e8a] .el-pagination .el-pagination__total,[data-v-12910e8a] .el-pagination .el-pagination__sizes{margin-right:16px}[data-v-12910e8a] .el-form .el-form-item{margin-bottom:18px;margin-right:18px}[data-v-12910e8a] .el-form .el-form-item:last-child{margin-right:0}:root{--el-color-primary: #D40000 !important;--el-color-primary-light-3: #ff4d4d !important;--el-color-primary-light-5: #ff8080 !important;--el-color-primary-light-7: #ffb3b3 !important;--el-color-primary-light-8: #ffcccc !important;--el-color-primary-light-9: #ffe6e6 !important;--el-color-primary-dark-2: #a30000 !important}.right-main{padding:20px;background-color:#fff;border-radius:4px}.search-base-block{margin-bottom:20px;padding:20px;background-color:#f5f7fa;border-radius:4px}.table-base-block{background-color:#fff;border-radius:4px}.table-base-buttom{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination-container{margin-top:20px;text-align:right}.search-btn,.reset-btn{margin-right:8px}.ysj-plus-table :deep(.el-table) .el-table__header-wrapper th{background-color:#f5f7fa;color:#606266;font-weight:500;height:50px}.ysj-plus-table :deep(.el-table) .el-table__row td{padding:8px 0}.ysj-plus-table :deep(.el-table) .cell{padding:0 2px!important}.ysj-plus-table :deep(.el-table__header-wrapper) th,.ysj-plus-table :deep(.el-table__fixed-header-wrapper) th{word-break:break-word;background-color:#f8f8f9!important;color:#515a6e;height:30px;font-size:14px}.ysj-plus-table :deep(.el-table__body-wrapper) .el-button [class*=el-icon-]+span{margin-left:1px}.ysj-plus-table :deep(.el-pagination) .el-pagination__total{margin-right:16px}.ysj-plus-table :deep(.el-pagination) .el-pagination__sizes{margin-right:16px}.ysj-plus-table :deep(.el-pagination).is-background .el-pager li:not(.is-disabled).is-active{background-color:var(--el-color-primary)!important;border-radius:6px!important}.ysj-plus-table :deep(.el-pagination).is-background .btn-next,.ysj-plus-table :deep(.el-pagination).is-background .btn-prev,.ysj-plus-table :deep(.el-pagination).is-background .el-pager li{border-radius:6px!important}.ysj-plus-table :deep(.el-form) .el-form-item{margin-bottom:18px;margin-right:18px}.ysj-plus-table :deep(.el-form) .el-form-item:last-child{margin-right:0}.ysj-plus-table :deep(.el-button--primary){--el-button-bg-color: var(--el-color-primary) !important;--el-button-border-color: var(--el-color-primary) !important;--el-button-hover-bg-color: var(--el-color-primary-light-3) !important;--el-button-hover-border-color: var(--el-color-primary-light-3) !important;--el-button-active-bg-color: var(--el-color-primary-dark-2) !important;--el-button-active-border-color: var(--el-color-primary-dark-2) !important;background-color:var(--el-color-primary)!important;border:0!important;color:#fff!important}.ysj-plus-table :deep(.el-button--primary):hover{background-color:var(--el-color-primary-light-3)!important;border-color:var(--el-color-primary-light-3)!important;color:#fff!important}.ysj-plus-table :deep(.el-button--text){background:unset!important;border:unset!important;border-radius:unset!important;font-size:14px!important;color:var(--el-color-primary)!important}.ysj-plus-table :deep(.el-button--text) span{font-size:14px!important}.ysj-plus-table :deep(.el-button--text):hover{background-color:unset!important;color:var(--el-color-primary)!important;border-color:var(--el-color-primary)!important}.ysj-plus-table :deep(.el-button--primary.is-plain){background-color:unset!important;color:var(--el-color-primary)!important;border-color:var(--el-color-primary)!important;border:1px solid var(--el-color-primary)!important}.ysj-plus-table :deep(.el-button--primary.is-plain):hover{background-color:var(--el-color-primary)!important;color:#fff!important}.ysj-plus-table .table-operation{display:flex;justify-content:center;gap:8px}.ysj-plus-table .table-operation :deep(.el-button){padding:4px 8px;font-size:12px}.ysj-plus-table :deep(.el-table) .cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ysj-plus-table .table-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.ysj-plus-table .table-tag{margin-right:4px;margin-bottom:4px}.ysj-plus-table .table-status{display:inline-block;padding:2px 8px;border-radius:2px;font-size:12px}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#cbcbcb;border-radius:20px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fr{float:right}.fl{float:left}.pr-5{padding-right:5px}.pl-5{padding-left:5px}.block{display:block}.pointer{cursor:pointer}.inlineBlock{display:block}@media (max-width: 768px){.pagination-container .el-pagination>.el-pagination__jump{display:none!important}.pagination-container .el-pagination>.el-pagination__sizes{display:none!important}}