| | |
| | | .avue-header, |
| | | .avue-top, |
| | | .avue-logo, |
| | | .avue-layout |
| | | .login-logo, |
| | | .avue-layout .login-logo, |
| | | .avue-main { |
| | | transition: all .3s; |
| | | transition: all 0.3s; |
| | | } |
| | | |
| | | .avue-contail { |
| | |
| | | background-repeat: no-repeat; |
| | | } |
| | | |
| | | |
| | | .avue-left { |
| | | position: fixed; |
| | | left: 0; |
| | | top: 0; |
| | | width: 240px; |
| | | height: 100%; |
| | | z-index: 1025; |
| | | z-index: 1027; |
| | | } |
| | | |
| | | .avue--collapse { |
| | |
| | | } |
| | | |
| | | .avue-header { |
| | | padding-left: 240px; |
| | | padding-left: 60px; |
| | | width: 100%; |
| | | background-color: #fff; |
| | | box-sizing: border-box; |
| | |
| | | |
| | | .avue-main { |
| | | position: absolute; |
| | | left: 240px; |
| | | left: 60px; |
| | | padding: 0; |
| | | padding-bottom: 20px; |
| | | width: calc(100% - 240px); |
| | | width: calc(100% - 60px); |
| | | height: calc(100% - 64px); |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | |
| | | right: 0; |
| | | top: 0; |
| | | bottom: 0; |
| | | background-color: rgba(0, 0, 0, .3); |
| | | background-color: rgba(0, 0, 0, 0.3); |
| | | z-index: 1024; |
| | | |
| | | &--show { |
| | |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 992px) { |
| | | $width: 240px; |
| | | // ele的自适应 |
| | | .el-dialog, |
| | | .el-message-box { |
| | | width: 98% !important; |
| | | } |
| | | //登录页面 |
| | | .login-left { |
| | | display: none !important; |
| | | } |
| | | .login-logo { |
| | | padding-top: 30px !important; |
| | | margin-left: -30px; |
| | | } |
| | | .login-weaper { |
| | | margin: 0 auto; |
| | | width: 96% !important; |
| | | } |
| | | .login-border { |
| | | border-radius: 5px; |
| | | padding: 40px; |
| | | margin: 0 auto; |
| | | float: none !important; |
| | | width: 100% !important; |
| | | } |
| | | .login-main { |
| | | width: 100% !important; |
| | | } |
| | | //主框架 |
| | | .avue-tags { |
| | | display: none; |
| | | } |
| | | .avue-left, |
| | | .avue-logo { |
| | | left: -$width; |
| | | } |
| | | .avue-main { |
| | | left: 0; |
| | | width: 100%; |
| | | } |
| | | .avue-header { |
| | | margin-bottom: 15px; |
| | | padding-left: 15px; |
| | | } |
| | | .top-bar__item { |
| | | display: none; |
| | | } |
| | | .avue--collapse { |
| | | .avue-left, |
| | | .avue-logo { |
| | | width: $width; |
| | | left: 0; |
| | | } |
| | | // @media screen and (max-width: 992px) { |
| | | // $width: 240px; |
| | | // // ele的自适应 |
| | | // .el-dialog, |
| | | // .el-message-box { |
| | | // width: 98% !important; |
| | | // } |
| | | // //登录页面 |
| | | // .login-left { |
| | | // display: none !important; |
| | | // } |
| | | // .login-logo { |
| | | // padding-top: 30px !important; |
| | | // margin-left: -30px; |
| | | // } |
| | | // .login-weaper { |
| | | // margin: 0 auto; |
| | | // width: 96% !important; |
| | | // } |
| | | // .login-border { |
| | | // border-radius: 5px; |
| | | // padding: 40px; |
| | | // margin: 0 auto; |
| | | // float: none !important; |
| | | // width: 100% !important; |
| | | // } |
| | | // .login-main { |
| | | // width: 100% !important; |
| | | // } |
| | | // //主框架 |
| | | // .avue-tags { |
| | | // display: none; |
| | | // } |
| | | // .avue-left, |
| | | // .avue-logo { |
| | | // left: -$width; |
| | | // } |
| | | // .avue-main { |
| | | // left: 0; |
| | | // width: 100%; |
| | | // } |
| | | // .avue-header { |
| | | // margin-bottom: 15px; |
| | | // padding-left: 15px; |
| | | // } |
| | | // .top-bar__item { |
| | | // display: none; |
| | | // } |
| | | // .avue--collapse { |
| | | // .avue-left, |
| | | // .avue-logo { |
| | | // width: $width; |
| | | // left: 0; |
| | | // } |
| | | |
| | | .avue-main { |
| | | left: $width; |
| | | width: 100%; |
| | | } |
| | | // .avue-main { |
| | | // width: calc(100% - 60px); |
| | | // left: 60px; |
| | | // } |
| | | |
| | | .avue-header { |
| | | padding: 0; |
| | | transform: translate3d(230px, 0, 0); |
| | | } |
| | | |
| | | .avue-shade { |
| | | display: block; |
| | | } |
| | | } |
| | | } |
| | | // .avue-header { |
| | | // padding-left: 60px; |
| | | // } |
| | | // } |
| | | // } |