|
@@ -8,11 +8,19 @@ import Header from './header/header.vue';
|
|
|
<Header />
|
|
<Header />
|
|
|
<router-view />
|
|
<router-view />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <footer class="layout-footer">
|
|
|
|
|
+ <div class="footer-content">
|
|
|
|
|
+ <p class="copyright">
|
|
|
|
|
+ © 2026 YIMAGONGFANG Limited corporate. All rights reserved.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </footer>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.layout-container {
|
|
.layout-container {
|
|
|
|
|
+ position: relative;
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
background: url('@/assets/image/bg.png') no-repeat center;
|
|
background: url('@/assets/image/bg.png') no-repeat center;
|
|
|
background-size: cover;
|
|
background-size: cover;
|
|
@@ -21,6 +29,27 @@ import Header from './header/header.vue';
|
|
|
.layout-content {
|
|
.layout-content {
|
|
|
max-width: 1200px;
|
|
max-width: 1200px;
|
|
|
padding-top: 32px;
|
|
padding-top: 32px;
|
|
|
|
|
+ padding-bottom: 60px;
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.layout-footer {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ bottom: 29px;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ z-index: 10;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.footer-content {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
|
+ max-width: 1200px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.copyright {
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ color: #65605e;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
