@varonervar/components
Version:
> 基于[Element-UI](https://element.eleme.cn/#/zh-CN/component/quickstart) 封装常用组件，部分组件参考[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
1 lines • 3.18 kB
CSS
@charset "UTF-8";.wl-layout{height:100%;overflow:hidden}.wl-layout__aside{width:200px;min-height:100%;overflow-y:auto;background:#304156;transition:width .28s}.wl-layout__aside::-webkit-scrollbar{width:10px;z-index:11}.wl-layout__aside::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:10px;-webkit-transition:background-color .3s;transition:background-color .3s}.wl-layout__aside::-webkit-scrollbar-thumb:hover{background:rgba(144,147,153,.5)}.wl-layout__aside::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.wl-layout__aside::-webkit-scrollbar-corner{background:rgba(144,147,153,.3)}.wl-layout__main-container{position:relative;height:100%;padding-top:50px}.wl-layout__header{position:absolute;top:0;right:0;left:0;z-index:9;transition:width .28s}.wl-layout__sidebar-container{height:100%}.wl-layout .wl-navbar{position:relative;height:50px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08)}.wl-layout .wl-navbar--avatar{margin-right:10px;margin-left:10px;background-color:#282828}.wl-layout .wl-navbar--right-menu{height:100%}.wl-layout .wl-navbar--right-menu:focus{outline:0}.wl-layout .wl-navbar--logout{position:relative;margin:0 16px;font-size:18px;cursor:pointer}.wl-layout .wl-navbar--logout::after{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-4px;content:""}.wl-layout--app-main{position:relative;width:100%;height:calc(100vh - 50px);overflow-x:auto}.wl-layout--app-main::-webkit-scrollbar{width:10px;z-index:11}.wl-layout--app-main::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:10px;-webkit-transition:background-color .3s;transition:background-color .3s}.wl-layout--app-main::-webkit-scrollbar-thumb:hover{background:rgba(144,147,153,.5)}.wl-layout--app-main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.wl-layout--app-main::-webkit-scrollbar-corner{background:rgba(144,147,153,.3)}.wl-layout--wrapper{overflow:hidden}.wl-layout--wrapper__div{padding:16px;margin:16px;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.wl-layout .zz-just-first+i{display:none}.wl-layout .sidebarLogoFade-enter-active{transition:opacity 1.5s}.wl-layout .sidebarLogoFade-enter,.wl-layout .sidebarLogoFade-leave-to{opacity:0}.wl-layout .okd-sidebar-logo-container{position:relative;width:100%;height:50px;overflow:hidden;line-height:50px;text-align:center;background:#2b2f3a}.wl-layout .okd-sidebar-logo-container .sidebar-logo-link{width:100%;height:100%}.wl-layout .okd-sidebar-logo-container .sidebar-logo-link .sidebar-logo{width:auto;height:40px;margin-right:12px;vertical-align:middle}.wl-layout .okd-sidebar-logo-container .sidebar-logo-link .sidebar-title{display:inline-block;margin:0;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;line-height:50px;color:#fff;vertical-align:middle}.wl-layout .okd-sidebar-logo-container.collapse .sidebar-logo{margin-right:0}.wl-layout .wlz-app-breadcrumb.el-breadcrumb{display:inline-block;margin-left:8px;font-size:14px;line-height:50px}.wl-layout .wlz-app-breadcrumb.el-breadcrumb .no-redirect{color:#97a8be;cursor:text}