From ef37c59e055a990ce247b265b27d3fcef430a243 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期五, 15 八月 2025 10:19:18 +0800
Subject: [PATCH] first submit

---
 src/layout/components/footer.vue |  260 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 260 insertions(+), 0 deletions(-)

diff --git a/src/layout/components/footer.vue b/src/layout/components/footer.vue
new file mode 100644
index 0000000..95bdc55
--- /dev/null
+++ b/src/layout/components/footer.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="pageFooter">
+    <div class="footerContent contentBox flex">
+      <div class="infoBox flex1">
+        <ul class="linkBox">
+          <li
+            class="link"
+            @click="toAboutus(index)"
+            v-for="(item, index) in linkList"
+            :key="index"
+          >
+            {{ item.name }}
+          </li>
+        </ul>
+        <ul class="linkBox">
+          <li
+            class="link"
+            @click="toAboutus(index)"
+            v-for="(item, index) in newList"
+            :key="index"
+          >
+            {{ item.name }}
+          </li>
+        </ul>
+        <ul class="linkBox">
+          <li
+            class="link"
+            @click="toAboutus(index)"
+            v-for="(item, index) in serviceList"
+            :key="index"
+          >
+            {{ item.name }}
+          </li>
+        </ul>
+        <ul class="linkBox">
+          <li class="link" @click="toAboutus(index)">澶╃尗鏃楄埌搴�</li>
+          <li class="link" style="opacity: 1;font-size: 20px;" @click="toAboutus(index)">浜笢鏃楄埌搴�</li>
+        </ul>
+      </div>
+      <div class="QRCodeBox">
+        <div class="codeItem">
+          <img src="@/assets/images/pageFooter/wechatCode.png" />
+        </div>
+        <div class="codeItem">
+          <img src="@/assets/images/pageFooter/weiboCode.png" />
+        </div>
+      </div>
+    </div>
+    <div class="copyrightBox">
+      <span
+        >涓浗鍗忓拰鍖荤澶у鍑虹増绀炬湁闄愬叕鍙� 涓� 澶囨搴忓彿锛�<span
+          class="beian"
+          @click="toLink"
+          >浜琁CP澶� 05029104鍙�-4浜掕仈缃戝嚭鐗堣鍙瘉 鏂板嚭缃戣瘉 锛堜含 锛�</span
+        >
+        涓� 澧炲�肩數淇′笟鍔＄粡钀ヨ鍙瘉锛氫含B2-20224426</span
+      >
+      <span style="display: block"
+        >Copyright漏2013 涓浗鍗忓拰鍖荤澶у鍑虹増绀炬湁闄愬叕鍙� 鐗堟潈鎵�鏈�!</span
+      >
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      linkList: [
+        {
+          name: "鍏充簬鎴戜滑",
+          url: "",
+        },
+        {
+          name: "鍏充簬鎴戜滑",
+          url: "",
+        },
+        {
+          name: "鑱旂郴鎴戜滑",
+          url: "",
+        },
+        {
+          name: "鎰忚鍙嶉",
+          url: "",
+        },
+      ],
+      newList: [
+        {
+          name: "鏂版墜涓婅矾",
+          url: "",
+        },
+        {
+          name: "鎿嶄綔鎸囧崡",
+          url: "",
+        },
+        {
+          name: "鏁欏笀璁よ瘉",
+          url: "",
+        },
+      ],
+      serviceList: [
+        {
+          name: "鍙嬫儏閾炬帴",
+          url: "",
+        },
+        {
+          name: "鍥藉绉戝鎶�鏈儴",
+          url: "",
+        },
+        {
+          name: "鍥藉鍗敓鍋ュ悍濮�",
+          url: "",
+        },
+        {
+          name: "鍥藉鏁欒偛閮�",
+          url: "",
+        },
+        {
+          name: "鍖椾含甯傚崼鍋ュ",
+          url: "",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 澶囨
+    toLink() {
+      const url = "https://beian.miit.gov.cn/";
+      window.open(url, "_blank");
+    },
+    toAboutus(index) {
+      switch (index) {
+        case 0:
+          window.open("http://xy.caupress.cn", "_blank");
+          break;
+        case 1:
+          window.open(
+            "https://zndts.tmall.com/?spm=a1z10.1-b.1997427721.d4918089.561b7c19JR8QxF",
+            "_blank"
+          );
+          break;
+        case 2:
+          this.$router.push({
+            name: "authorServices",
+          });
+          break;
+        case 3:
+          this.$router.push({
+            name: "aboutUs",
+            query: {
+              aboutUs: 5,
+            },
+          });
+          break;
+        case 4:
+          if (this.$route.name == "aboutUs-index") {
+            this.$router.replace({
+              name: "aboutUs",
+              query: {
+                aboutUs: 4,
+              },
+            });
+          } else {
+            this.$router.push({
+              name: "aboutUs",
+              query: {
+                aboutUs: 4,
+              },
+            });
+          }
+
+          break;
+        default:
+          this.$message("姝ｅ湪寤鸿涓�...");
+          break;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.pageFooter {
+  background: #444444;
+  background-image: url("@/assets/images/xiehe/home/footer-bg.png");
+  .footerContent {
+    padding: 30px 0;
+    .infoBox {
+      display: flex;
+      .linkBox {
+        font-size: 16px;
+        margin-left: 50px;
+        .link {
+          padding-right: 15px;
+          cursor: pointer;
+          color: #fff;
+          margin-top: 20px;
+          opacity: 0.7;
+          &::after {
+            margin-left: 15px;
+          }
+          &:last-child::after {
+            display: none;
+          }
+          &:first-child {
+            color: #fff;
+            opacity: 1;
+            font-size: 20px;
+            margin-bottom: 10px;
+          }
+        }
+      }
+      .address {
+        margin-top: 30px;
+        font-size: 14px;
+        color: #ccc;
+        span {
+          margin-right: 30px;
+        }
+      }
+      .logo {
+        height: 50px;
+        margin-top: 30px;
+        img {
+          height: 100%;
+        }
+      }
+    }
+    .QRCodeBox {
+      .codeItem {
+        display: inline-block;
+        text-align: center;
+        margin-left: 40px;
+        p {
+          font-size: 16px;
+        }
+        img {
+          width: 100px;
+          height: 100px;
+          margin-top: 20px;
+        }
+      }
+    }
+  }
+  .copyrightBox {
+    text-align: center;
+    color: #fff;
+
+    height: 80px;
+    line-height: 40px;
+    font-size: 12px;
+    border-top: 1px solid #e6e6e6;
+    .beian {
+      cursor: pointer;
+    }
+    .beian:hover {
+      color: blue;
+    }
+  }
+}
+</style>

--
Gitblit v1.9.1