meri-design/dist/theme/Tabulation.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.fadeDownUpUi-enter-active{animation:fadeInDownUi .3s ease-out}.fadeDownUpUi-leave-active{animation:fadeOutUpUi .3s ease-in}@-moz-keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-o-keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-moz-keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-o-keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.p-tooltip-box{border:1px solid #e1e5eb;border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);font-size:12px;padding:8px 12px;pointer-events:none;position:absolute}.p-tooltip-light{background-color:#fff;color:#1b2129}.p-tooltip-dark{background-color:rgba(31,36,41,.8);color:#fff}.m-header{height:var(--header-line-height);max-height:var(--header-line-height)}.m-header,.m-header .m-table-col-relative{background-color:#f7f9fa}.m-header-th{font-weight:400}.m-header-text{color:#626c78;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.m-header-text-required{color:#f55047;padding-left:4px;vertical-align:middle}.m-tbody{background-color:#fff}.m-tbody-tr{border-bottom:1px solid #e8ecf0;height:var(--line-height);transition:background-color .2s}.m-tbody-tr .m-table-col-relative{background-color:#fff}.m-tbody-td{transition:background-color .2s}.m-tbody-tr-top{vertical-align:top}.m-tbody-tr-middle{vertical-align:middle}.m-tbody-tr-bottom{vertical-align:bottom}.m-tbody-tr-hover:hover,.m-tbody-tr-hover:hover .m-table-col-fixed-left,.m-tbody-tr-hover:hover .m-table-col-fixed-right,.m-tbody-tr-hover:hover .m-table-col-relative{background-color:#f1f4f6}.m-tbody-item{align-items:center;display:flex;overflow:hidden;padding-left:12px;padding-right:12px;width:100%}.m-tbody-item-fixed-height{height:var(--line-height)}.m-tbody-text{color:#1b2129;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-table{display:table;table-layout:fixed;width:100%}.m-table-col-left,.m-table-left{text-align:left}.m-table-col-left .m-table-item,.m-table-left .m-table-item{justify-content:flex-start}.m-table-center,.m-table-col-center{text-align:center}.m-table-center .m-table-item,.m-table-col-center .m-table-item{justify-content:center}.m-table-col-right,.m-table-right{text-align:right}.m-table-col-right .m-table-item,.m-table-right .m-table-item{justify-content:flex-end}.m-table-item{padding:8px 12px}.m-tabulation{--header-line-height:38px;--line-height:48px}.m-tabulation-small{--header-line-height:28px;--line-height:36px}.m-tabulation-small .m-table-item{padding:3px 12px}.m-tabulation{font-size:0;position:relative}.m-tabulation:hover .x-table-scroll,.m-tabulation:hover .x-table-scroll_body{opacity:1;pointer-events:auto}.m-tabulation-border{border:1px solid #e1e5eb;border-radius:2px}.m-tabulation-border .m-header{border-bottom:1px solid #e1e5eb}.m-tabulation-border .m-tbody .m-tbody-tr:last-child{border-bottom:0}.m-tabulation-border .m-header-th+.m-header-th,.m-tabulation-border .m-tbody-td+.m-tbody-td{border-left:1px solid #e1e5eb}.m-tabulation-header-container{height:var(--header-line-height);overflow:hidden;width:100%}.m-tabulation-body-container,.m-tabulation-header{position:relative;width:100%}.m-tabulation-header{overflow-x:auto;overflow-y:hidden}.m-tabulation-header .m-table-col-fixed-left,.m-tabulation-header .m-table-col-fixed-right{background-color:#f7f9fa}.m-tabulation-body{overflow:auto;position:relative;width:100%}.m-tabulation-body .m-table-col-fixed-left,.m-tabulation-body .m-table-col-fixed-right{background-color:#fff}.x-table-scroll_0::-webkit-scrollbar{height:0;opacity:0;width:0}.m-table-col-relative{position:relative;z-index:1}.m-table-col-fixed-left,.m-table-col-fixed-right{position:sticky;transition:background-color .2s;z-index:1}.m-table-col-fixed-left:before,.m-table-col-fixed-right:before{background-color:transparent;content:"";display:block;height:100%;position:absolute;top:0;width:10px;z-index:2}.m-table-col-fixed-left{left:0}.m-table-col-fixed-left:before{box-shadow:10px 0 10px rgba(31,35,41,.1);right:0}.m-table-col-fixed-right{right:0}.m-table-col-fixed-right:before{box-shadow:-10px 0 10px rgba(31,35,41,.1);left:0}.m-tabulation-body-empty{align-items:center;color:#626c78;display:flex;font-size:14px;height:180px;justify-content:center;width:100%}.x-table-scroll_body{opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s;width:6px;z-index:3}.x-table-scroll_body .x-table-scrollbar_body{width:6px}.x-table-scroll{bottom:0;left:0;opacity:0;overflow-x:auto;overflow-y:hidden;pointer-events:none;position:absolute;transition:opacity .2s;z-index:3}.x-table-scroll,.x-table-scroll .x-table-scrollbar{height:6px;width:100%}.m-tabulation-show-scroll-bar .x-table-scroll,.m-tabulation-show-scroll-bar .x-table-scroll_body{opacity:1;pointer-events:auto}.x-table-loading_body{align-items:center;background-color:#fff;display:flex;font-size:0;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:4}.x-table-loading_body svg{height:32px;width:32px}