File was renamed from src/components/layouts/main.vue |
| | |
| | | <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 { |
| | |
| | | }); |
| | | 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) |
| | |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | | #components-layout-basic { |
| | | width: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | |
| | | .app { |
| | | .ant-layout {} |
| | | |
| | | .ant-layout-header { |
| | |
| | | .ant-layout-footer { |
| | | background-color: #edf1f299; |
| | | padding: 0px; |
| | | padding-top: 20px; |
| | | |
| | | p { |
| | | margin: auto; |
| | |
| | | } |
| | | } |
| | | |
| | | .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, |