| | |
| | | </template> |
| | | |
| | | <script> |
| | | import RouteView from "@/components/layouts/RouteView" |
| | | import RouteView from '@/components/layouts/RouteView' |
| | | import { mixinDevice } from '@/utils/mixin.js' |
| | | |
| | | export default { |
| | | name: "UserLayout", |
| | | name: 'UserLayout', |
| | | components: { RouteView }, |
| | | mixins: [mixinDevice], |
| | | data () { |
| | |
| | | }, |
| | | beforeDestroy () { |
| | | document.body.classList.remove('userLayout') |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | |
| | | background-size: 100%; |
| | | /*padding: 110px 0 144px;*/ |
| | | position: relative; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | a { |
| | | text-decoration: none; |
| | |
| | | position: absolute; |
| | | top: 50px; |
| | | left: 50px; |
| | | |
| | | |
| | | .header { |
| | | height: 44px; |
| | |
| | | |
| | | .main { |
| | | background-color: #fff; |
| | | width: 1100px; |
| | | width: 57%; |
| | | max-width: 2000px; |
| | | overflow: auto; |
| | | min-width: 800px; |
| | | max-height: 75%; |
| | | border-radius: 10px; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | } |
| | | |
| | | .footer { |