::v-deep .custom-table { // width: 100%; // height: calc(100vh - 380rpx); &__require { color: #ff4949; margin-right: 4rpx; } &__load-more { display: flex; justify-content: center; align-items: center; padding: 30rpx 0; color: #909399; font-size: 24rpx; border-top: 1rpx solid #e4e7ed; } &__load-more-text { margin: 0 10rpx; } &__body { // height: calc(100vh - 380rpx); overflow: auto; } } ::v-deep .uni-table { width: 100%; border-radius: 8rpx; overflow: hidden; border: 1rpx solid #e4e7ed; .uni-table__body { overflow: auto; } .uni-th { background-color: #f5f7fa; font-weight: 600; font-size: 26rpx; color: #303133; padding: 30rpx 20rpx; text-align: center; border-right: 1rpx solid #e4e7ed; border-bottom: 1rpx solid #e4e7ed; position: sticky; top: 0; z-index: 10; box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05); } .uni-td { padding: 0 20rpx; font-size: 24rpx; color: #606266; text-align: center; border-right: 1rpx solid #e4e7ed; border-bottom: 1rpx solid #e4e7ed; height: 120rpx; display: flex; align-items: center; justify-content: center; > * { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: center; } } .uni-tr { border-bottom: 1rpx solid #e4e7ed; &:hover { background-color: #fafafa; } } // 移除默认边框和线条 .uni-table__header::after { display: none; } .uni-table__body::after { display: none; } // 最后一列移除右边框 .uni-tr .uni-th:last-child, .uni-tr .uni-td:last-child { border-right: none; } // 最后一行移除下边框 .uni-tr:last-child .uni-td { border-bottom: none; } // 支持斑马线样式 .uni-tr:nth-child(even) { background-color: #fafafa; } } // 滚动条样式 ::v-deep .uni-table ::-webkit-scrollbar { width: 6rpx; height: 6rpx; } ::v-deep .uni-table ::-webkit-scrollbar-track { background: #f1f1f1; } ::v-deep .uni-table ::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3rpx; } ::v-deep .uni-table ::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }