# Scientific/static/admin/less/main.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

//主布局    
.main-layout {
    overflow: hidden;
    width: 100%;
    height: 100%;
    &.hide-side{
       .main-layout-side{
           left: -200px;
       } 
       .main-layout-container{
           left: 0;
       }
    }
}
//左侧布局
.main-layout-side {
    width: 200px;
    height: 100%;
    background: @sideColor;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: 1;
    .transition(left .3s);
    .m-logo {
        width: 100%;
        height: 60px;
        background: #00b5f9 url(../images/logo.png) center center no-repeat;
    }
    .layui-nav{
        background: @sideColor;
        .iconfont{
            padding-right: 10px;
            font-size: 18px;
            color: #8f94a1;
            position: relative;
            top: 2px;
        }
    }
    .layui-nav-itemed>a{
        background: @sideColor!important;
    }
    .layui-nav-tree .layui-nav-child a {
        height: 40px;
        line-height: 40px;
        color: #77829f;
        &:hover{
            color: #00b5f9;
        }
        .l-line {
            width: 12px;
            display: inline-block;
            line-height: 40px;
            height: 40px;
            float: left;
            margin-right: 10px;
            margin-left: 30px;
            background: url("../images/l-line.png") left center no-repeat;