| | |
| | | <Header class="header"></Header> |
| | | <div class="layoutContentBox" id="layout"> |
| | | <RouterView /> |
| | | <Footer class="footer"></Footer> |
| | | </div> |
| | | <Footer class="footer"></Footer> |
| | | <login ref="loginRef"></login> |
| | | </div> |
| | | </template> |
| | |
| | | <style lang="less" scoped> |
| | | .layoutBox { |
| | | width: 100%; |
| | | height: 100vh; |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | background-color: #fff; |
| | | |
| | | .layoutContentBox { |
| | | flex: 1; |
| | | height: auto; |
| | | } |
| | | |
| | | .header { |
| | |
| | | @media screen and (min-width: 1200px) { |
| | | .layoutContentBox { |
| | | flex: 1; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | </style> |