修改页脚

src/components/Footer/index.vue

 <!-- -->
 <template>
-  <div
-    :class="{
-      footer: true,
-      //isHome:isHome,
-      isChStyle: navbarStyle == '2',
-      isRedStyle: navbarStyle == '3',
-      isSDCS: navbarStyle == '4',
-      isSMGZ: navbarStyle == '5',
-      isJYYCC: navbarStyle == '6',
-      isYLGDYW: navbarStyle == '7',
-    }"
-  >
+  <div :class="{
+  footer: true,
+  //isHome:isHome,
+  isChStyle: navbarStyle == '2',
+  isRedStyle: navbarStyle == '3',
+  isSDCS: navbarStyle == '4',
+  isSMGZ: navbarStyle == '5',
+  isJYYCC: navbarStyle == '6',
+  isYLGDYW: navbarStyle == '7',
+}">
     <!-- <span>贵州省文化和旅游厅博物馆处版权所有</span>
     <span>中国知网提供技术支持</span> -->
     <div class="logo">
@@ -27,11 +25,7 @@
                 {{ item.title }}
               </div>
               <ul v-if="item.children && item.children.length > 0">
-                <li
-                  v-for="(v, i) in item.children"
-                  :key="i"
-                  @click="handleClickItem(v)"
-                >
+                <li v-for="(v, i) in item.children" :key="i" @click="handleClickItem(v)">
                   {{ v.title }}
                 </li>
               </ul>
@@ -40,17 +34,25 @@
         </el-popover>
       </div>
       <div class="menu-item">关于我们</div>
+
+      <div class="menu-item">
+        <span>
+          <el-popover placement="top-start" width="280" trigger="hover">
+            <span slot="reference">小程序</span>
+            <div class="wechat-app">
+              <img src="@/assets/imgs/wechat-app.jpg" alt="">
+            </div>
+          </el-popover>
+        </span>
+      </div>
     </div>
     <div class="copyright">
-     <a href="https://beian.miit.gov.cn" target="_blank"> 黔ICP备2022009785号-1 &nbsp; &nbsp;</a>
+      <a href="https://beian.miit.gov.cn" target="_blank"> 黔ICP备2022009785号-1 &nbsp; &nbsp;</a>
       |&nbsp; &nbsp; ©2022-现在 贵州省文化和旅游厅
     </div>
     <div class="support">网站建设：贵州同方知网科技发展有限公司</div>
     <div class="advice">
-      <el-tooltip
-        placement="top-start"
-        content="谷歌 火狐 最佳分辨率（1920 x 1080）"
-      >
+      <el-tooltip placement="top-start" content="谷歌 火狐 最佳分辨率（1920 x 1080）">
         <span>浏览建议</span>
       </el-tooltip>
     </div>
@@ -100,14 +102,6 @@ export default {
           title: "展览",
           path: "",
           children: [
-            {
-              title: "虚拟展厅",
-              path: "/virtual",
-            },
-            {
-              title: "精品展",
-              path: "/boutique",
-            },
             {
               title: "展览展示",
               path: "/display",
@@ -119,7 +113,7 @@ export default {
           path: "",
           children: [
             {
-              title: "文物展",
+              title: "文物展示",
               path: "/culturalRelic",
             },
           ],
@@ -165,6 +159,7 @@ export default {
 .isHome {
   background-color: #2069c4 !important;
 }
+
 .footer {
   display: flex;
   // height: 200px;
@@ -176,10 +171,12 @@ export default {
   color: #fefefe;
   font-size: 14px;
   position: relative;
+
   .logo {
     width: 60px;
     height: 60px;
     margin-bottom: 40px;
+
     img {
       width: 100%;
     }
@@ -187,9 +184,12 @@ export default {
 
   .menu {
     display: flex;
+
     .menu-item {
       margin-right: 20px;
       cursor: pointer;
+
+
     }
   }
 
@@ -205,26 +205,34 @@ export default {
     margin-top: 20px;
     cursor: pointer;
   }
-  .copyright{
-    &>a{
+
+  .copyright {
+    &>a {
       text-decoration: none;
       color: #fff;
     }
   }
+
+
 }
+
 .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;
@@ -232,11 +240,24 @@ export default {
     }
   }
 }
+
+.wechat-app {
+  width: 258px;
+  height: 258px;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}
+
 .isChStyle {
   background-color: #194448 !important;
   position: relative;
   top: -$nav-height;
 }
+
 .isRedStyle {
   background-color: #813525 !important;
   position: relative;