meetin-components/lib/style/navigation-controller.css

会众 Vue 组件

.navigation-controller-root{display:flex;flex-direction:column;position:relative;overflow:hidden}.navigation-controller-root:first-child{z-index:1}.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:2;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}