慈善博物馆 跳转链接

README.md

@@ -1,17 +1,21 @@
 ## 部署测试环境
 文件存放位置：/Default/阿里云/项目节点/项目测试/阿里云-四维时代-项目测试服务器-8.135.106.227/data/data/museum_wx_jiangsu_wuxi_data/PC/
 
-访问url：https://sit-wuxicishan.4dage.com/PC/#/tab-1
+访问url：https://sit-wuxicishan.4dage.com/PC/#/home
 
 ## 微信相关
 appId: wx0bc995dace29b2ba
 
 ## 待办
-登录功能
+登陆功能：先模拟。
 
-商城
+商城 对接接口
 
-对接unity
+埋点
+
+真正的登录功能
+
+对接unity（unity功能中只有林场需要登录？）
 
 ### 微信扫码页面url
 https://open.weixin.qq.com/connect/qrconnect?appid=wxaf343d333792a454&redirect_uri=https%3A%2F%2Fsit-wuxicishan.4dage.com%2FPC%2F%23%2Ftab-1&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

src/App.vue

@@ -37,6 +37,9 @@
           :class="{
             active: $route.meta.tabIdx === 3
           }"
+          @click="$router.push({
+            name: 'MuseumView'
+          })"
         >
           慈善博物馆
         </button>

src/router/index.js

@@ -1,13 +1,14 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import LoginView from "../views/LoginView.vue"
 import HomeView from '../views/HomeView.vue'
+import MuseumView from '../views/MuseumView.vue'
 import ShopView from '@/views/ShopView.vue'
 // import store from '@/store/index.js'
 
 const routes = [
   {
     path: '/',
-    redirect: '/tab-1',
+    redirect: '/home',
   },
   {
     path: '/login',
@@ -15,7 +16,7 @@ const routes = [
     component: LoginView,
   },
   {
-    path: '/tab-1',
+    path: '/home',
     name: 'HomeView',
     component: HomeView,
     meta: {
@@ -30,14 +31,14 @@ const routes = [
   //     tabIdx: 2
   //   }
   // },
-  // {
-  //   path: '/tab-3',
-  //   name: 'HomeView',
-  //   component: HomeView,
-  //   meta: {
-  //     tabIdx: 3
-  //   }
-  // },
+  {
+    path: '/museum',
+    name: 'MuseumView',
+    component: MuseumView,
+    meta: {
+      tabIdx: 3
+    }
+  },
   // {
   //   path: '/tab-4',
   //   name: 'HomeView',

src/views/MuseumView.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="iframe-wrap">
+    <iframe
+      src="https://houseoss.4dkankan.com/project/wuxicishanbwg/index.html?m=SG-igv7wQAyyyG_01#/"
+      frameborder="0"
+      allow="fullscreen"
+    />
+    <button
+      class="back"
+      @click="router.go(-1)"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch, onMounted } from "vue"
+import { useRoute, useRouter } from "vue-router"
+import { useStore } from "vuex"
+
+const route = useRoute()
+const router = useRouter()
+const store = useStore()
+
+
+</script>
+
+<style lang="less" scoped>
+.iframe-wrap{
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  z-index: 10;
+  >iframe{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+  >button.back{
+    position: absolute;
+    left: 15px;
+    top: 20px;
+    width: 60px;
+    height: 60px;
+    background-image: url(@/assets/images/icon_back.png);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+  }
+}
+</style>