修改页脚

src/components/Footer/index.vue

@@ -18,36 +18,21 @@
     </div>
     <div class="menu">
       <div class="menu-item">
-        <el-popover placement="top-start" width="280" trigger="click">
+        <el-popover placement="top-start" width="280" trigger="hover">
           <span slot="reference">网站地图</span>
           <div class="map">
-            <div class="map-item">
-              <div class="title">首页</div>
+            <div class="map-item" v-for="(item, index) in mapData" :key="index">
+              <div class="title" @click="handleClickItem(item)">
+                {{ item.title }}
               </div>
-            <div class="map-item">
-              <div class="title">展览</div>
-              <ul>
-                <li>虚拟展厅</li>
-                <li>精品展</li>
-                <li>展览展示</li>
-              </ul>
-            </div>
-            <div class="map-item">
-              <div class="title">文物</div>
-              <ul>
-                <li>文物展</li>
-              </ul>
-            </div>
-            <div class="map-item">
-              <div class="title">博物馆</div>
-              <ul>
-                <li>博物馆</li>
-              </ul>
-            </div>
-            <div class="map-item">
-              <div class="title">服务</div>
-              <ul>
-                <li>文创产品</li>
+              <ul v-if="item.children && item.children.length > 0">
+                <li
+                  v-for="(v, i) in item.children"
+                  :key="i"
+                  @click="handleClickItem(v)"
+                >
+                  {{ v.title }}
+                </li>
               </ul>
             </div>
           </div>
@@ -63,7 +48,7 @@
     <div class="advice">
       <el-tooltip
         placement="top-start"
-        content="谷歌 火狐 最佳分辨率（1920 * 1080）"
+        content="谷歌 火狐 最佳分辨率（1920 x 1080）"
       >
         <span>浏览建议</span>
       </el-tooltip>
@@ -88,6 +73,76 @@ export default {
     },
     immediate: true,
   },
+  data() {
+    return {
+      mapData: [
+        {
+          title: "首页",
+          path: "/",
+          children: [],
+        },
+        {
+          title: "展览",
+          path: "",
+          children: [
+            {
+              title: "虚拟展厅",
+              path: "/virtual",
+            },
+            {
+              title: "精品展",
+              path: "/boutique",
+            },
+            {
+              title: "展览展示",
+              path: "/display",
+            },
+          ],
+        },
+        {
+          title: "文物",
+          path: "",
+          children: [
+            {
+              title: "文物展",
+              path: "/culturalRelic",
+            },
+          ],
+        },
+        {
+          title: "博物馆",
+          path: "",
+          children: [
+            {
+              title: "博物馆",
+              path: "/museum",
+            },
+          ],
+        },
+        {
+          title: "服务",
+          path: "",
+          children: [
+            {
+              title: "文创产品",
+              path: "/ccProduct",
+            },
+          ],
+        },
+      ],
+    };
+  },
+  methods: {
+    handleClickItem(item) {
+      // console.log(item);
+      if (item.path) {
+        const newPage = this.$router.resolve({
+          path: item.path,
+        });
+        window.open(newPage.href, "_blank");
+      }
+    },
+  },
 };
 </script>
 
@@ -135,7 +190,7 @@ export default {
 .map {
   .map-item {
     margin-bottom: 20px;
-    &:first-child{
+    &:first-child {
       .title {
         cursor: pointer;
       }

src/components/NavBar/index.vue

@@ -381,9 +381,6 @@ export default {
             .then((res) => {
               if (res.code == "0") {
                 this.$message.success("登录成功");
-                // console.log('this.$route',this.$route);
-                // console.log('this.$route.query',this.$route.query);
-                // console.log('this.$route.query.redirect',this.$route.query.redirect);
                 this.handleCloseLogin();
                 // if (this.$route.name !== "home") {
                 //   this.$router.push({