增加页脚

src/components/Footer/index.vue

@@ -11,8 +11,63 @@
       isYLGDYW: navbarStyle == '7',
     }"
   >
-    <span>贵州省文化和旅游厅博物馆处版权所有</span>
-    <span>中国知网提供技术支持</span>
+    <!-- <span>贵州省文化和旅游厅博物馆处版权所有</span>
+    <span>中国知网提供技术支持</span> -->
+    <div class="logo">
+      <img src="@/assets/imgs/home/logo3.png" alt="" />
+    </div>
+    <div class="menu">
+      <div class="menu-item">
+        <el-popover placement="top-start" width="280" trigger="click">
+          <span slot="reference">网站地图</span>
+          <div class="map">
+            <div class="map-item">
+              <div class="title">首页</div>
+            </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>
+            </div>
+          </div>
+        </el-popover>
+      </div>
+      <div class="menu-item">关于我们</div>
+    </div>
+    <div class="copyright">
+      ICP备案号XXXX &nbsp; &nbsp;| &nbsp; &nbsp;公安备案号 XXX&nbsp; &nbsp;
+      |&nbsp; &nbsp; ©2022-现在 贵州省文化和旅游厅博物馆处
+    </div>
+    <div class="support">网站建设：贵州同方知网科技发展有限公司</div>
+    <div class="advice">
+      <el-tooltip
+        placement="top-start"
+        content="谷歌 火狐 最佳分辨率（1920 * 1080）"
+      >
+        <span>浏览建议</span>
+      </el-tooltip>
+    </div>
   </div>
 </template>
 
@@ -39,22 +94,64 @@ export default {
 <style lang="scss" scoped>
 .footer {
   display: flex;
-  height: 200px;
-  padding: 0 24px;
+  // height: 200px;
+  padding: 30px 0;
   justify-content: center;
   align-items: center;
   background-color: #2069c4;
-  color: #fff;
-  // position: fixed;
-  // bottom: 0;
-  // left: 0;
-  // right: 0;
+  flex-direction: column;
+  color: #fefefe;
+  font-size: 14px;
+  .logo {
+    width: 60px;
+    height: 60px;
+    margin-bottom: 40px;
+    img {
+      width: 100%;
+    }
+  }
 
-  span {
-    margin-right: 16px;
+  .menu {
+    display: flex;
+    .menu-item {
+      margin-right: 20px;
+      cursor: pointer;
+    }
   }
-}
 
+  .copyright,
+  .support,
+  .menu {
+    margin-bottom: 16px;
+  }
+
+  .advice {
+    border: 1px solid #fff;
+    padding: 6px 10px;
+    margin-top: 20px;
+    cursor: pointer;
+  }
+}
+.map {
+  .map-item {
+    margin-bottom: 20px;
+    &:first-child{
+      .title {
+        cursor: pointer;
+    }
+    }
+    .title {
+      font-weight: bold;
+    }
+    ul {
+      display: flex;
+      li {
+        margin: 0 20px 10px 0;
+        cursor: pointer;
+      }
+    }
+  }
+}
 .isChStyle {
   background-color: #892325 !important;
 }

vue.config.js

@@ -49,7 +49,7 @@ module.exports = defineConfig({
     proxy: {
       '/api': {
         // target: 'http://192.168.1.230:9562/api',
-        target: 'http://222.85.214.245:9602',
+        target: 'http://222.85.214.245:9602/api',
         // target:'http://192.168.1.230:9562/api',
         changeOrigin: true,
         pathRewrite: {