feat: 首页大运河icon

public/config.js

@@ -16,6 +16,9 @@ VUE_APP_BACKEND_URL = "http://192.168.20.245:8051";
 // 场馆预约
 venueReservationUrl = "";
 
+// 大运河
+riverUrl = "http://127.0.0.1:18080/ms-canalexhibit-touch-web/#/index";
+
 // 云游景区
 cloudScenicUrl =
   "http://192.168.9.78:18080/ms-mechanism-bs/default/on-cloud-scenic-area" +

src/global.d.ts

@@ -1,5 +1,6 @@
 interface Window {
   museum: string;
+  riverUrl: string;
   cloudScenicUrl: string;
   company: string;
   companyId: number;

src/views/home/index.scss

@@ -32,7 +32,7 @@
   &-menu {
     position: fixed;
     right: 2.8rem /* 224/80 */;
-    bottom: calc(2.5rem /* 200/80 */ + 1.3125rem /* 105/80 */);
+    bottom: calc(2.5rem /* 200/80 */ + 1rem /* 80/80 */);
     z-index: 2;
 
     &-list {
@@ -47,9 +47,9 @@
     }
     &__border {
       position: absolute;
-      top: -1.5rem /* 120/80 */;
+      top: -1.25rem /* 100/80 */;
       left: 50%;
-      height: 8.5125rem /* 681/80 */;
+      height: 10.625rem /* 850/80 */;
       transform: translateX(-50%);
     }
   }

src/views/ver-scroll-home/index.vue

@@ -62,6 +62,7 @@ import SceneryNormalImg from "./imgs/btn_scenery_normal@2x.png";
 import SceneryActiveImg from "./imgs/btn_scenery_active@2x.png";
 import ReservationNormalImg from "./imgs/btn_reservation_normal@2x.png";
 import ReservationActiveImg from "./imgs/btn_reservation_active@2x.png";
+import RiverNormalImg from "./imgs/btn_river_normal@2x.png";
 import { useStore } from "vuex";
 import { formatDate, isOnlineFn, parseDate } from "@/utils";
 
@@ -152,6 +153,16 @@ const menuList = computed(() => [
       }
     },
   },
+  {
+    icon: RiverNormalImg,
+    activeIcon: RiverNormalImg,
+    event() {
+      router.push({
+        name: "iframe",
+        params: { url: window.riverUrl, showBtn: 0 },
+      });
+    },
+  },
 ]);
 const translateY = ref(0);