| | |
| | | <template> |
| | | <div id="userLayout" :class="['user-layout-wrapper', device]"> |
| | | <div class="container"> |
| | | <div class="top"> |
| | | <div class="header"> |
| | | <a href="/"> |
| | | <img src="~@/assets/lxzn.png" class="logo" alt="logo"> |
| | | <span class="title">统计分析</span> |
| | | </a> |
| | | </div> |
| | | <!--<div class="desc">--> |
| | | <!--Jeecg Boot 是中国最具影响力的 企业级 低代码平台--> |
| | | <!--</div>--> |
| | | </div> |
| | | <!--<div class="top">--> |
| | | <!--<div class="header">--> |
| | | <!--<a href="/">--> |
| | | <!--<img src="~@/assets/lxzn_white.png" class="logo" alt="logo">--> |
| | | <!--<span class="title">MDC智慧车间</span>--> |
| | | <!--</a>--> |
| | | <!--</div>--> |
| | | <!--<!–<div class="desc">–>--> |
| | | <!--<!–Jeecg Boot 是中国最具影响力的 企业级 低代码平台–>--> |
| | | <!--<!–</div>–>--> |
| | | <!--</div>--> |
| | | |
| | | <route-view></route-view> |
| | | |
| | | <div class="footer"> |
| | | <!--<div class="links">--> |
| | | <!--<a href="http://doc.jeecg.com" target="_blank">帮助</a>--> |
| | | <!--<a href="https://github.com/zhangdaiscott/jeecg-boot" target="_blank">隐私</a>--> |
| | | <!--<a href="https://github.com/zhangdaiscott/jeecg-boot/blob/master/LICENSE" target="_blank">条款</a>--> |
| | | <!--<a href="http://doc.jeecg.com" target="_blank">帮助</a>--> |
| | | <!--<a href="https://github.com/zhangdaiscott/jeecg-boot" target="_blank">隐私</a>--> |
| | | <!--<a href="https://github.com/zhangdaiscott/jeecg-boot/blob/master/LICENSE" target="_blank">条款</a>--> |
| | | <!--</div>--> |
| | | <div class="copyright"> |
| | | <!--Copyright © 2019 <a href="http://www.jeecg.com" target="_blank">JEECG开源社区</a> 出品--> |
| | |
| | | </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 () { |
| | | data() { |
| | | return {} |
| | | }, |
| | | mounted () { |
| | | mounted() { |
| | | document.body.classList.add('userLayout') |
| | | }, |
| | | beforeDestroy () { |
| | | beforeDestroy() { |
| | | document.body.classList.remove('userLayout') |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | |
| | | .container { |
| | | width: 100%; |
| | | min-height: 100%; |
| | | background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%; |
| | | background: #f0f2f5 url(~@/assets/login.jpg) no-repeat 50%; |
| | | background-size: 100%; |
| | | padding: 110px 0 144px; |
| | | /*padding: 110px 0 144px;*/ |
| | | position: relative; |
| | | |
| | | a { |
| | |
| | | |
| | | .top { |
| | | text-align: center; |
| | | position: absolute; |
| | | top: 50px; |
| | | left: 50px; |
| | | |
| | | .header { |
| | | height: 44px; |
| | |
| | | .logo { |
| | | height: 44px; |
| | | vertical-align: top; |
| | | margin-right: 16px; |
| | | margin-right: 10px; |
| | | border-style: none; |
| | | } |
| | | |
| | | .title { |
| | | font-size: 33px; |
| | | color: rgba(0, 0, 0, .85); |
| | | font-size: 30px; |
| | | color: #fff; |
| | | font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; |
| | | font-weight: 600; |
| | | position: relative; |
| | |
| | | } |
| | | |
| | | .main { |
| | | min-width: 260px; |
| | | width: 368px; |
| | | margin: 0 auto; |
| | | background-color: #fff; |
| | | 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 { |
| | | position: absolute; |
| | | width: 100%; |
| | | bottom: 0; |
| | | padding: 0 16px; |
| | | margin: 48px 0 24px; |
| | | text-align: center; |
| | | |
| | | .links { |
| | |
| | | } |
| | | } |
| | | .copyright { |
| | | color: rgba(0, 0, 0, 0.45); |
| | | color: #fff; |
| | | font-size: 14px; |
| | | } |
| | | } |