From 41b36f013d4103ffc59fd58feb6b6177ee5b04f7 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Sat, 15 Jan 2022 21:06:24 +0800
Subject: [PATCH] 组件 模块分离
---
src/components/layouts/baseLayout.vue | 73 +++++++++---------------------------
1 files changed, 19 insertions(+), 54 deletions(-)
diff --git a/src/components/layouts/main.vue b/src/components/layouts/baseLayout.vue
similarity index 76%
rename from src/components/layouts/main.vue
rename to src/components/layouts/baseLayout.vue
index 66f377e..9d5a6ee 100644
--- a/src/components/layouts/main.vue
+++ b/src/components/layouts/baseLayout.vue
@@ -1,28 +1,24 @@
<template>
- <div id="components-layout-basic">
- <a-layout>
- <a-layout-header :style="{ position: 'fixed', zIndex: 999, width: '100%' }">
- <tag-Header></tag-Header>
- </a-layout-header>
- <a-layout>
- <router-view class="fade"></router-view>
- </a-layout>
- <a-layout-footer>
- <div>
- <p>备案号:
- <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备19000592号-1</a>
- </p>
- </div>
- </a-layout-footer>
- </a-layout>
- </div>
+ <a-layout>
+ <a-layout-header :style="{position:'fixed',height:'60px',marginBottom:'35px',zIndex: 999, width: '100%' }">
+ <tag-Header />
+ </a-layout-header>
+
+ <router-view class="fade"></router-view>
+
+ <a-layout-footer>
+ <tagFooter />
+ </a-layout-footer>
+ </a-layout>
</template>
<script>
- import tagHeader from "./tag-header.vue"
+ import tagHeader from "../fixed/header.vue"
+ import tagFooter from "../fixed/footer.vue"
export default {
components: {
- tagHeader
+ tagHeader,
+ tagFooter,
},
data() {
return {
@@ -46,8 +42,8 @@
});
let url = window.URL.createObjectURL(blob)
let link = document.createElement('a')
- link.download="inleft.jpg"
-
+ link.download = "inleft.jpg"
+
link.style.display = 'none'
link.href = url
document.body.appendChild(link)
@@ -60,11 +56,7 @@
</script>
<style lang="less">
- #components-layout-basic {
- width: 100%;
- margin: 0;
- padding: 0;
-
+ .app {
.ant-layout {}
.ant-layout-header {
@@ -76,6 +68,7 @@
.ant-layout-footer {
background-color: #edf1f299;
padding: 0px;
+ padding-top: 20px;
p {
margin: auto;
@@ -88,34 +81,6 @@
}
}
- .ant-layout-sider {
- background: #3ba0e9;
- color: #fff;
- line-height: 120px;
- }
-
- .ant-col,
- .ant-layout-content {
- height: 100%;
- }
-
-
- }
-
-
- .h1,
- .h2,
- .h3,
- .h4,
- .h5,
- .h6,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-weight: 400;
}
span,
--
Gitblit v1.9.1