提交

src/components/footer/footer.vue

@@ -0,0 +1,68 @@
+<template>
+    <section class="index-footer">
+        <div class="footer-link"><a href="http://about.gter.net/about.html" target="_blank">关于寄托</a> <a
+                href="http://about.gter.net/ad.html" target="_blank">广告合作</a> <a href="https://www.gter.net/link"
+                target="_blank">友情链接</a> <a href="http://about.gter.net/disclaimer.html" target="_blank">免责声明</a> <a
+                href="http://about.gter.net/contact.html" target="_blank">联系我们</a> <a
+                href="http://about.gter.net/index.html?name=job" target="_blank">加入我们</a></div>
+        <div class="line-two"><span>广州九微科技有限公司</span> <span>Copyright 2001-2023 GTER All Rights Reserved</span> <span><a
+                    href="http://www.miitbeian.gov.cn/" target="_blank"
+                    style="color: rgb(153, 153, 153); text-decoration: none;">粤ICP备14050432号</a></span></div>
+    </section>
+</template>
+
+<script>
+export default {
+    name: 'GterFangFooter',
+
+    data() {
+        return {
+
+        };
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.index-footer {
+    background: #333;
+    text-align: center;
+    height: 240px;
+    padding: 56px 0;
+    min-width: 1200px;
+    box-sizing: border-box;
+    color: #fff;
+}
+
+.index-footer * {
+    box-sizing: border-box;
+    color: inherit !important;
+}
+
+.index-footer .footer-link {
+    width: 622px;
+    height: 45px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 23px;
+    font-size: 14px;
+    line-height: 45px;
+    padding: 0 25px;
+    width: fit-content;
+    margin: 0 auto;
+}
+
+.index-footer .footer-link a:not(:last-child) {
+    display: inline-block;
+    margin-right: 30px;
+}
+
+.index-footer .line-two {
+    font-size: 14px;
+    margin: 26px 0 0px;
+}
+
+.index-footer .line-two span {
+    display: inline-block;
+    margin: 0 15px;
+}
+</style>