|
|
@@ -1,152 +1,152 @@
|
|
|
-<template>
|
|
|
- <div id="userLayout" :class="['user-layout-wrapper', device]">
|
|
|
- <div class="container">
|
|
|
- <!--<div class="top">-->
|
|
|
- <!--<div class="header">-->
|
|
|
- <!--<a href="#">-->
|
|
|
- <!--<img src="~@/assets/logo_le.png" class="logo" alt="logo">-->
|
|
|
- <!--<!–<span class="title">Kai xin</span>–>-->
|
|
|
- <!--</a>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="desc">-->
|
|
|
- <!--<h2 class="title">慧灵工管理平台</h2>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
- <route-view></route-view>
|
|
|
-
|
|
|
- <div class="footer">
|
|
|
- <div class="copyright">
|
|
|
- Copyright © 2020 All Rights Reserved. 樟树市慧灵工企业管理服务有限公司 <a href="http://www.beian.miit.gov.cn/" style="color: #f0f3ff">赣ICP备20000966号</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import RouteView from "@/components/layouts/RouteView"
|
|
|
- import { mixinDevice } from '@/utils/mixin.js'
|
|
|
-
|
|
|
- export default {
|
|
|
- name: "UserLayout",
|
|
|
- components: { RouteView },
|
|
|
- mixins: [mixinDevice],
|
|
|
- data () {
|
|
|
- return {}
|
|
|
- },
|
|
|
- mounted () {
|
|
|
- document.body.classList.add('userLayout')
|
|
|
- },
|
|
|
- beforeDestroy () {
|
|
|
- document.body.classList.remove('userLayout')
|
|
|
- },
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
- #userLayout.user-layout-wrapper {
|
|
|
- height: 100%;
|
|
|
-
|
|
|
- &.mobile {
|
|
|
- .container {
|
|
|
- .main {
|
|
|
- max-width: 1000px;
|
|
|
- width: 98%;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .container {
|
|
|
- display: -webkit-box;
|
|
|
- display: -ms-flexbox;
|
|
|
- display: flex;
|
|
|
- -webkit-box-align: center;
|
|
|
- -ms-flex-align: center;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- min-height: 100%;
|
|
|
- background: url(../../assets/bg_cloud.png) 0 bottom repeat-x #049ec4;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- a {
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
-
|
|
|
- .top {
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- .header {
|
|
|
- height: 44px;
|
|
|
- line-height: 44px;
|
|
|
-
|
|
|
- .badge {
|
|
|
- position: absolute;
|
|
|
- display: inline-block;
|
|
|
- line-height: 1;
|
|
|
- vertical-align: middle;
|
|
|
- margin-left: -12px;
|
|
|
- margin-top: -10px;
|
|
|
- opacity: 0.8;
|
|
|
- }
|
|
|
-
|
|
|
- .logo {
|
|
|
- height: 44px;
|
|
|
- vertical-align: top;
|
|
|
- /*margin-right: 16px;*/
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
-
|
|
|
- .title {
|
|
|
- font-size: 33px;
|
|
|
- color: rgba(0, 0, 0, .85);
|
|
|
- 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;
|
|
|
- top: 2px;
|
|
|
- }
|
|
|
- }
|
|
|
- .desc {
|
|
|
- font-size: 14px;
|
|
|
- color: rgba(0, 0, 0, 0.45);
|
|
|
- margin-top: 12px;
|
|
|
- margin-bottom: 40px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .main {
|
|
|
- min-width: 1000px;
|
|
|
- width: 1000px;
|
|
|
- margin: 0 auto;
|
|
|
- -webkit-box-shadow: -4px 5px 10px rgba(0, 0, 0, .4);
|
|
|
- box-shadow: -4px 5px 10px rgba(0, 0, 0, .4);
|
|
|
- }
|
|
|
-
|
|
|
- .footer {
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- bottom: 0;
|
|
|
- padding: 0 16px;
|
|
|
- margin: 48px 0 24px;
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- .links {
|
|
|
- margin-bottom: 8px;
|
|
|
- font-size: 14px;
|
|
|
- a {
|
|
|
- color: rgba(0, 0, 0, 0.45);
|
|
|
- transition: all 0.3s;
|
|
|
- &:not(:last-child) {
|
|
|
- margin-right: 40px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .copyright {
|
|
|
- color: #beccff;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+<template>
|
|
|
+ <div id="userLayout" :class="['user-layout-wrapper', device]">
|
|
|
+ <div class="container">
|
|
|
+ <!--<div class="top">-->
|
|
|
+ <!--<div class="header">-->
|
|
|
+ <!--<a href="#">-->
|
|
|
+ <!--<img src="~@/assets/logo_le.png" class="logo" alt="logo">-->
|
|
|
+ <!--<!–<span class="title">Kai xin</span>–>-->
|
|
|
+ <!--</a>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="desc">-->
|
|
|
+ <!--<h2 class="title">慧灵工管理平台</h2>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+
|
|
|
+ <route-view></route-view>
|
|
|
+
|
|
|
+ <div class="footer">
|
|
|
+ <div class="copyright">
|
|
|
+ Copyright © 2020 All Rights Reserved. 樟树市慧灵工企业管理服务有限公司 <a href="https://beian.miit.gov.cn/" style="color: #f0f3ff">赣ICP备20000966号</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import RouteView from "@/components/layouts/RouteView"
|
|
|
+ import { mixinDevice } from '@/utils/mixin.js'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: "UserLayout",
|
|
|
+ components: { RouteView },
|
|
|
+ mixins: [mixinDevice],
|
|
|
+ data () {
|
|
|
+ return {}
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ document.body.classList.add('userLayout')
|
|
|
+ },
|
|
|
+ beforeDestroy () {
|
|
|
+ document.body.classList.remove('userLayout')
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ #userLayout.user-layout-wrapper {
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ &.mobile {
|
|
|
+ .container {
|
|
|
+ .main {
|
|
|
+ max-width: 1000px;
|
|
|
+ width: 98%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .container {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 100%;
|
|
|
+ background: url(../../assets/bg_cloud.png) 0 bottom repeat-x #049ec4;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+ a {
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top {
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ .header {
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+
|
|
|
+ .badge {
|
|
|
+ position: absolute;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 1;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-left: -12px;
|
|
|
+ margin-top: -10px;
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo {
|
|
|
+ height: 44px;
|
|
|
+ vertical-align: top;
|
|
|
+ /*margin-right: 16px;*/
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 33px;
|
|
|
+ color: rgba(0, 0, 0, .85);
|
|
|
+ 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;
|
|
|
+ top: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .desc {
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgba(0, 0, 0, 0.45);
|
|
|
+ margin-top: 12px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ min-width: 1000px;
|
|
|
+ width: 1000px;
|
|
|
+ margin: 0 auto;
|
|
|
+ -webkit-box-shadow: -4px 5px 10px rgba(0, 0, 0, .4);
|
|
|
+ box-shadow: -4px 5px 10px rgba(0, 0, 0, .4);
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0;
|
|
|
+ padding: 0 16px;
|
|
|
+ margin: 48px 0 24px;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ .links {
|
|
|
+ margin-bottom: 8px;
|
|
|
+ font-size: 14px;
|
|
|
+ a {
|
|
|
+ color: rgba(0, 0, 0, 0.45);
|
|
|
+ transition: all 0.3s;
|
|
|
+ &:not(:last-child) {
|
|
|
+ margin-right: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .copyright {
|
|
|
+ color: #beccff;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|