.main-page { position: relative; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; padding: 15px 10px; background-color: #fff; .page-content { border: 1px solid #ccc; height: 100%; padding: 10px 20px; .search-filter { position: relative; padding: 0 15px; .first-condition { .line-operator-left{ width: 100%; } .line-operator-right { // text-align: right; display: inline-block; float: right; padding: 0; .btn-info { background-color: rgb(122, 156, 204); border-color: rgb(122, 156, 204); } } } .second-condition, .third-condition { display: none; } .input-container { padding: 0; > .form-control { width: 180px; display: inline-block; } } .filterClose-c { display: none; } .filterClose-o { display: flex; } } .airline-table { .table-container { display: inline-block; // position: relative; width: 100%; // overflow-x: auto; overflow-y: hidden; box-shadow: 0 0 1px 0.5px #ddd; .table-head { overflow: hidden; overflow-y: auto; height: 42px; table { margin: 0; width: max-content; th { border-bottom: none; background-color: #ddd; color: rgb(0, 0, 255); text-align: center; } } &::-webkit-scrollbar { width: 15px; height: 15px; } } .table-body { position: relative; // height: 600px; overflow: auto; width: 100%; .list-view-phantom { position: absolute; left: 0; top: 0; right: 0; z-index: -1; } table { left: 0; right: 0; top: 0; position: absolute; width: max-content; tr { cursor: pointer; height: 42px; &.selected { background: rgb(181, 215, 255); } } td { white-space: nowrap; border: 1px solid #dee2e6; text-align: center; } } &::-webkit-scrollbar { width: 15px; height: 15px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(165, 207, 222, 1); border-radius: 10px; } &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); border-radius: 10px; } } } .airline-message { display: inline-block; // box-shadow: 0 0 1px .5px #ddd; vertical-align: top; width: 0; margin-left: 1%; height: 700px; /deep/ .ant-tabs-bar { .ant-tabs-tab { padding: 0 5px; &.ant-tabs-tab-active { background: skyblue; /* border-color: skyblue; */ color: rgba(0, 0, 0, 0.65); padding-bottom: 0; } } } /deep/ .ant-tabs-content{ height: 100%; overflow: auto; border: 1px solid #ccc; white-space: nowrap; } /deep/ .ant-tabs-tab-prev{ background-color: rgba(221, 221, 221, 0.5) } /deep/ .ant-tabs-tab-next{ background-color: rgba(221, 221, 221, 0.5) } nz-tabset{ height: 100%; } &::-webkit-scrollbar { width: 15px; height: 15px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(165, 207, 222, 1); border-radius: 10px; } &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); border-radius: 10px; } } .table-c { width: 75%; } .table-o { width: 100%; } .tab-c { width: 0; display: none; } .tab-o { width: 24%; } } } } @media screen and (max-width: 991px) { .line-operator-right { float: none !important; } } // @media screen and (min-width: 1200px){ // .line-operator-right{ // text-align: left; // } // }