meetin-components/lib/style/index.css

会众 Vue 组件

.navigation-controller-root{display:flex;flex-direction:column;position:relative;overflow:hidden}.navigation-controller-root:first-child{z-index:10}.navigation-controller-root .navigation{flex-shrink:0}.navigation-controller-root .content-container{display:flex;flex-direction:column;overflow:auto;flex-grow:1}.navigation-controller-root .view-controller{flex-grow:1;flex-shrink:0}.navigation-controller-root .child-container{overflow:hidden}.navigation-controller-root .slot-container{width:100%;display:flex;flex-direction:column;overflow:auto;flex-grow:1;background-color:#efefef}.navigation-controller-root .slot-container>div{flex-shrink:0;flex-grow:1}.navigation-controller-root .transition-container{width:100%;height:100%;background-color:#fff;z-index:2000;position:absolute;box-sizing:border-box;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.navigation-controller-root .transition-container .el-button{padding:15px}.navigation-controller-root .close-button{position:absolute;top:0;right:0}.bounce-down-enter-active{animation:a .5s}.bounce-down-leave-active{animation:b .3s}@keyframes a{0%{top:-100%}50%{top:20px}to{top:0}}@keyframes b{0%{top:0}to{top:-100%}}.navigation-bar-root{border-bottom:1px solid rgba(0,0,0,.1);background-color:#e0dfe3;display:flex;justify-content:space-between;height:64px;align-items:center;transition:height .3s;overflow:hidden}.navigation-bar-root .left-container{height:100%;display:flex;align-items:center}.navigation-bar-root .left-container .el-button{width:50px;height:100%;border-right:1px solid #d0d4da;border-radius:0;color:#1f2d3d;font-size:12px}.navigation-bar-root .left-container span{margin-left:10px;font-size:20px}.navigation-bar-root .right-container{margin-right:45px}.navigation-bar-root .right-container .el-button{width:88px;height:32px;padding:0}.side-bar-root{width:218px;background-color:#2b3a40;overflow:auto;flex-direction:column;z-index:2001}.side-bar-cell{color:#999;cursor:pointer}.side-bar-cell:hover{color:#fff}.side-bar-cell .title-container{height:40px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 32px}.side-bar-cell .title-container.section-active{background-color:#262d31}.side-bar-cell .highlight-line{position:absolute;left:0;background-color:#20a0ff;width:3px;height:100%;opacity:0}.side-bar-cell .icon-title-root{display:flex;align-items:center}.side-bar-cell .icon-title{font-size:20px;margin-right:8px}.side-bar-cell .icon-arrow-right{transform:rotate(90deg)}.side-bar-cell .icon-arrow-down{transform:rotate(180deg)}.side-bar-cell .subitem-container{overflow:hidden;transition:all .3s}.side-bar-cell .subitem{height:40px;color:#999;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.side-bar-cell .subitem .text-container{flex-grow:1;display:flex;align-items:center;align-self:flex-start;margin-left:68px}.side-bar-cell .subitem:hover{color:#fff}.side-bar-cell .subitem:last-of-type .subitem-hr{display:none}.side-bar-cell.highlight-cell .title-container{color:#20a0ff}.side-bar-cell.highlight-cell .highlight-line{opacity:1}.side-bar-cell .subitem-hr{margin:0;border-color:#3a484d;border-top:.5px;opacity:.2;width:80%}.side-bar-cell .mark .el-badge__content{border-color:transparent}.cell-subitem .mark{height:14px;margin-left:5px}.cell-subitem .mark .el-badge__content{border-color:transparent;height:14px;line-height:14px;padding:0 4px;border-radius:7px}.cell-subitem.highlight-subitem{color:#20a0ff!important}.format-form .el-form-item{transition:height .3s,margin .3s}.format-form .same-width{width:100%}.format-form .locked{pointer-events:none;opacity:.5}.format-form .text-area-input-tips{color:#9fb9cc;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;right:5px}.format-form .disappear{height:0}.paging-table{width:100%;flex-grow:1;display:flex;flex-direction:column;position:relative;margin-bottom:20px;flex-shrink:0}.paging-table .table-container{flex-grow:1;padding-bottom:10px}.paging-table .table-style{width:100%}.paging-table .show-data-table{flex-grow:1;margin-top:20px}.paging-table .pagination-root{flex-grow:0;display:flex;align-items:flex-end;flex-shrink:0;justify-content:flex-end}.paging-table .column-class.row-click-able:hover{cursor:pointer}.paging-table .sub-view{position:absolute;left:0;top:0;width:100%;background-color:#fff;z-index:2;padding-top:20px;display:flex;flex-direction:column}.paging-table .back-header{padding-left:40px;background-color:#e9eef5;height:36px;display:flex;align-items:center}.paging-table .back-header .seq{margin:0 15px;width:1px;height:15px;background-color:#999}.paging-table .back-header .title{color:#1f2d3d;font-size:14px}.paging-table .el-table__fixed{height:100%!important}.paging-table .el-table__fixed-right{height:100%!important;right:1px}.operation-header{display:flex;align-items:center;background-color:transparent}.operation-header .tendency-header-icon{font-weight:700;margin-left:0;font-size:17px}.highlight-filter{color:#7ad3b3!important}.fixed-scroll-bar{position:fixed;bottom:0;left:218px;z-index:1000;height:19px;overflow-x:auto;overflow-y:hidden;background-color:transparent}.fixed-scroll-bar .fill-content{height:100%;width:2000px;background-color:#e5e9f2}.with-fixed-bar .el-table__body-wrapper{-ms-overflow-style:none;overflow:-moz-scrollbars-none}.with-fixed-bar .el-table__body-wrapper::-webkit-scrollbar{display:none}.contract-trigger:before,.resize-triggers,.resize-triggers>div{z-index:-1}.upload-avatar-root .avatar{width:200px;height:200px;background:rgba(0,0,0,.1) 50% no-repeat;background-size:cover}.upload-root{width:auto}.upload-root.disable-upload{pointer-events:none}.upload-root .el-loading-mask{background-color:hsla(0,0%,100%,.3)}.upload-root .el-loading-mask .el-loading-spinner .path{stroke:#20a0ff!important}.upload-root .el-button{font-size:14px}.upload-poster-root .preview{width:200px;height:150px;background:rgba(0,0,0,.1) 50% no-repeat;background-size:cover}.content-header .header-title{font-weight:500;color:#1f2d3d;font-size:16px;margin:24px 40px 6px}.content-header .operation{display:flex;justify-content:flex-start}.content-header .operation>button{margin:0;margin-right:16px}.content-header .search-container{flex-grow:1;display:flex;justify-content:flex-end}.content-header .search-container .search{background-color:#fbfcfd;width:300px;border:1px solid #d0d4da;border-radius:3px}.content-header .search-container .search>input{height:32px}.content-header .search-container .el-input-group__append,.content-header .search-container .el-input__inner{background-color:transparent;border:none}.content-header .search-container .el-input-group__append button{width:43px;border:none}.content-header .search-container .append-container{display:flex;align-items:center}.content-header .search-container .append-container .seq{width:1px;height:16px;background:#dfe7ea;margin-right:10px;margin-left:10px}.content-header .func-button{width:115px}.search-form-root .el-form-item{margin-bottom:5px}.search-form-root .el-input__inner{height:30px}.search-form-root{max-height:80vh;overflow:auto}.search-form-root .search-button-root{display:flex;justify-content:space-between;margin-top:10px;padding-left:55px}