From 375513370cc01fcd976987d07797249600b0bb3e Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期四, 07 八月 2025 17:15:09 +0800
Subject: [PATCH] 'first'

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

diff --git a/src/layout/components/footer.vue b/src/layout/components/footer.vue
new file mode 100644
index 0000000..4f609f4
--- /dev/null
+++ b/src/layout/components/footer.vue
@@ -0,0 +1,256 @@
+<template>
+  <div class="pageFooter">
+    <div class="footerContent contentBox flex">
+      <div class="logoBox">
+        <div style="width: 182px; height: 50px; position: relative;overflow: hidden;">
+          <img
+            class="autoImg"
+            src="@/assets/images/yinpian/home/image-2@w.png"
+            alt=""
+          />
+        </div>
+        <div
+          style="
+            width: 182px;
+            height: 50px;
+            position: relative;
+            margin-top: 20px;
+          "
+        >
+          <img
+            class="autoImg svgColor"
+            src="@/assets/images/yinpian/home/sylogo.svg"
+            alt=""
+          />
+        </div>
+      </div>
+      <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>
+      </div>
+      <div class="QRCodeBox">
+        <div class="codeItem">
+          <img src="@/assets/images/yinpian/home/QRcode.png" />
+        </div>
+        <div class="codeItem">
+          <img src="@/assets/images/yinpian/home/QRcode.png" />
+        </div>
+      </div>
+    </div>
+    <div class="copyrightBox">
+      <span style="display: block"
+        >COPYRIGHT 漏 2025涓浗涓尰绉戝闄� 鐗堟潈鎵�鏈�</span
+      >
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      linkList: [
+        {
+          name: "鍏充簬",
+          url: "",
+        },
+        {
+          name: "缃戠珯鍗忚",
+          url: "",
+        },
+        {
+          name: "甯富",
+          url: "",
+        },
+      ],
+      newList: [
+        {
+          name: "鍙嬫儏閾炬帴",
+          url: "",
+        },
+        {
+          name: "涓浗涓尰绉戝闄�",
+          url: "",
+        },
+        {
+          name: "鍥藉鍩哄洜缁勬暟鎹腑蹇�",
+          url: "",
+        },
+      ],
+      serviceList: [
+        {
+          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: #01644c;
+  .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;
+    background-color: #185742;
+    height: 50px;
+    line-height: 40px;
+    font-size: 12px;
+    border-top: 1px solid #e6e6e6;
+    .beian {
+      cursor: pointer;
+    }
+    .beian:hover {
+      color: blue;
+    }
+  }
+}
+
+</style>

--
Gitblit v1.9.1