flymopet-vec/dist/style.css

基于element-plus二次开发的公共业务组件。方便统一维护，实现。

@charset "UTF-8";.sortable-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:14px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.sortable-wrapper .sortable-caret{width:0;height:0;border:solid 6px transparent;position:absolute;left:7px;cursor:pointer}.sortable-wrapper .ascending{border-bottom-color:#bbb;top:-7px}.sortable-wrapper .descending{border-top-color:#bbb;bottom:-5px}.sortable-wrapper .active.ascending{border-bottom-color:var(--el-color-primary)}.sortable-wrapper .active.descending{border-top-color:var(--el-color-primary)}.basic-table-wrapper{--el-table-border-color: var(--el-border-color);--el-table-current-row-bg-color: var(--el-color-primary-light-8);--el-table-row-hover-bg-color: var(--el-color-primary-light-8);--el-table-header-bg-color: var(--el-fill-color-lighter);--el-table-footer-bg-color: var(--el-fill-color-lighter);--el-table-text-color: var(--el-text-color-primary);--el-table-header-text-color: var(--el-text-color-primary)}.basic-table-wrapper .el-table__row--striped+tr .el-table__expanded-cell{background:var(--el-fill-color-lighter)}.basic-table-wrapper .el-table__footer-wrapper tbody td.el-table__cell{background-color:var(--el-table-footer-bg-color)}.basic-table-wrapper .el-table__column-resize-proxy{border-left-color:gray}.basic-table-wrapper .el-scrollbar__bar{min-height:var(--scrollbar-size);min-width:var(--scrollbar-size)}.basic-table-wrapper .warning-row{--el-table-tr-bg-color: var(--el-color-warning-light-3)}.basic-table-wrapper .warning-row .el-table-fixed-column--left{background:var(--el-color-warning-light-3)}.basic-table-wrapper .success-row{--el-table-tr-bg-color: var(--el-color-success-light-3)}.basic-table-wrapper .success-row .el-table-fixed-column--left{background:var(--el-color-success-light-3)}.basic-table-wrapper .danger-row{--el-table-tr-bg-color: var(--el-color-danger-light-3)}.basic-table-wrapper .danger-row .el-table-fixed-column--left{background:var(--el-color-danger-light-3)}.basic-table-wrapper .delete-row{--el-table-tr-bg-color: var(--el-color-info-light-8)}.basic-table-wrapper .delete-row .el-table-fixed-column--left{background:var(--el-color-info-light-8)}.basic-table-wrapper .cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-scrollbar{display:flex;flex-wrap:nowrap;overflow:hidden;overflow-x:auto;width:100%;height:var(--scrollbar-height);--scrollbar-size: 6px}.h-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.h-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-size);background-color:#9093994d}.h-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#90939980}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;flex-direction:row;width:100%;flex-shrink:0;padding:2px 16px;color:var(--el-text-color-primary)}.pagination-wrapper .pagination-count,.pagination-wrapper .pagination{display:inline-flex;align-items:center;flex-shrink:0}.pagination-wrapper .pagination-refresh{display:inline-flex;align-items:center;margin-left:10px;cursor:pointer}.pagination-wrapper .pagination-refresh:hover{color:var(--el-color-primary)}.paneresize-wrapper{width:100%;height:auto;display:flex;position:relative;overflow:hidden}.paneresize-before,.paneresize-after{width:100%;height:100%;overflow:hidden;display:flex}.paneresize-after{flex-shrink:0}.paneresize-horizontal{flex-direction:row}.paneresize-horizontal .paneresize-splitter{width:4px;height:100%;cursor:col-resize}.paneresize-vertical{flex-direction:column}.paneresize-vertical .paneresize-splitter{width:100%;height:4px;cursor:row-resize}.paneresize-splitter{flex-shrink:0;background-color:#d9ecff}.paneresize-splitter:hover{background-color:#a0cfff}.paneresize-pointer{position:absolute;z-index:100}label{display:flex;align-items:center;color:var(--el-color-primary);cursor:pointer}label:hover{text-decoration:underline}.pro-table-wrapper{display:flex;flex-direction:column;width:100%;height:auto;position:relative}.pro-table-toolbar{padding:6px 10px;flex-shrink:0;align-items:center}.pro-table-form{padding-left:10px;padding-top:10px}.pro-table-form .action-align-right{float:right}.pro-table-form>.el-form-item,.pro-table-form>.el-row>.el-col>.el-form-item,.pro-table-form>.el-row>.el-form-item{margin-bottom:10px;margin-right:0!important;padding-right:10px}.pro-table-form>.el-row>.el-col>.el-form-item{width:100%}.pro-table-form+.pro-table-toolbar,.pro-table-toolbar+.pro-table-form{border-top:1px solid var(--el-border-color)}.puyo-ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puyo-text{word-wrap:break-word;font-size:12px}.readmore-wrapper label{display:flex;align-items:center;color:var(--el-color-primary);cursor:pointer}.readmore-wrapper label:hover{text-decoration:underline}.tb-split-rows{margin:0 -12px}.tb-split-rows>.tb-split-row{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;height:30px;line-height:30px;border-top:1px solid var(--el-border-color)}.tb-split-rows>.tb-split-row:first-child{border-top:none}.el-table--small .tb-split-rows{margin:0 -10px}.el-table--small .tb-split-rows>.tb-split-row{height:22px;line-height:22px}.collapse-slideber{display:flex;align-items:center;justify-content:center;color:var(--el-text-color-regular)}.collapse-slideber:hover{--color: var(--el-color-primary)}.collapse-slideber .el-icon{--color: inherit}.slideber-wrapper,.slideber-wrapper .el-menu{--el-menu-item-height: var(--menu-item-height, 38px);--el-menu-base-level-padding: 16px;--el-menu-hover-bg-color: var(--el-color-primary-light-9) !important}.slideber-wrapper{border-right:none;border-bottom:none}.slideber-wrapper.el-menu--horizontal{width:100%;border-bottom:none}.slideber-wrapper.el-menu--horizontal>.el-menu-item,.slideber-wrapper.el-menu--horizontal>.el-sub-menu{font-weight:600}.slideber-wrapper.el-menu--horizontal .el-sub-menu:hover>.el-sub-menu__title{background-color:var(--el-color-primary-light-9)}.slideber-wrapper.el-menu--vertical .el-sub-menu,.slideber-wrapper.el-menu--vertical .el-menu-item{margin-bottom:6px}.slideber-wrapper.el-menu--vertical .el-sub-menu .el-menu-item{height:var(--el-menu-item-height);line-height:var(--el-menu-item-height)}.slideber-wrapper.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-color-primary)}.slideber-wrapper.el-menu--vertical .el-menu-item.is-active{background-color:var(--el-color-primary-light-9);border-right:3px solid var(--el-color-primary)}.setting-button{display:flex;align-items:center;font-size:var(--el-menu-item-font-size);color:var(--el-text-color-regular);cursor:pointer}.tags-view{flex-shrink:0;height:var(--tags-view-height);border-bottom:2px solid var(--el-color-primary-dark-2);background:#fff;z-index:5;position:relative;align-items:flex-end}.tags-view>.el-dropdown{height:calc(var(--tags-view-height) - 8px)}.tags-view .tags-view-link{display:inline-flex;align-items:center;white-space:nowrap;margin-left:6px;height:100%;text-decoration:none;font-size:var(--el-font-size-extra-small);cursor:pointer;background:var(--el-color-primary-light-8)}.tags-view .tags-view-link>a{display:flex;align-items:center;padding:0 6px;height:100%;color:inherit;text-decoration:none}.tags-view .tags-view-icon{display:inline-flex;align-items:center;justify-content:center;padding:0 6px 0 0;height:100%;border-left:1px solid transparent}.tags-view .tags-view-icon .el-icon{position:relative;left:3px;border:1px solid transparent}.tags-view .tags-view-item-active,.tags-view .tags-view-link:hover{background-color:var(--el-color-primary-dark-2);color:#fff}.tags-view .tags-view-link:hover .tags-view-icon{border-left-color:#fff}.tags-view .tags-view-link:hover .el-icon{border-color:#fff}.layout-mode{--layout-mode-border-radius: 4px;display:flex}.layout-mode-item{position:relative;width:60px;height:40px;margin-right:16px;overflow:hidden;cursor:pointer;background-color:#f0f2f5;border-radius:var(--layout-mode-border-radius);box-shadow:0 1px 2.5px #0003}.layout-mode-item:before,.layout-mode-item:after{content:"";display:block;position:absolute;top:0;left:0}.layout-mode-item.vertical:before{z-index:1;width:100%;height:30%;background-color:#fff}.layout-mode-item.vertical:after{z-index:2;width:30%;height:100%;background-color:#001529;border-radius:var(--layout-mode-border-radius) 0 0 var(--layout-mode-border-radius)}.layout-mode-item.horizontal:before{z-index:2;width:100%;height:30%;background-color:#001529}.layout-mode-item:hover,.layout-mode-item.active{border:2px solid var(--el-color-primary)}.layout-container{width:100vw;height:100vh;overflow:hidden;position:relative}.layout-container .el-main{padding:0}.layout-header{width:100%;align-items:center;flex-wrap:nowrap;flex-shrink:0;box-shadow:0 1px 4px #0015291a;z-index:10}.layout-aside{position:relative;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden auto;box-shadow:2px 0 8px #1d23291a;z-index:20}.layout-scrollbar{--scrollbar-size: 6px}.layout-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.layout-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-size);background-color:#9093994d}.layout-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#90939980}.flex-box{display:flex}.ext-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding-right:30px}