| | |
| | | } |
| | | } |
| | | |
| | | @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 { |
| | | width: calc(100% - 60px); |
| | | left: 60px; |
| | | } |
| | | // .avue-main { |
| | | // width: calc(100% - 60px); |
| | | // left: 60px; |
| | | // } |
| | | |
| | | .avue-header { |
| | | padding-left: 60px; |
| | | } |
| | | } |
| | | } |
| | | // .avue-header { |
| | | // padding-left: 60px; |
| | | // } |
| | | // } |
| | | // } |