跳转功能-初步

game/src/router/index.js

@@ -1,5 +1,6 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import RedirectView from '../views/RedirectView.vue'
 import SignUp from '../views/SignUp.vue'
 import LoginView from '../views/LoginView.vue'
 import FindPassword from '../views/FindPassword.vue'
@@ -19,6 +20,11 @@ const routes = [
     component: HomeView,
   },
   {
+    path: '/redirect-view',
+    name: 'RedirectView',
+    component: RedirectView,
+  },
+  {
     path: '/sign-up',
     name: 'SignUp',
     component: SignUp,

game/src/views/HomeView.vue

@@ -254,7 +254,8 @@ onUnmounted(() => {
   height: 100%;
   overflow: auto;
   >.for-visitor{
-    margin-top: calc(18 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    margin-top: calc(15 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    margin-bottom: calc(18 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     width: 100%;
     display: flex;
     justify-content: space-between;
@@ -282,6 +283,7 @@ onUnmounted(() => {
   }
   >.after-login{
     margin-top: calc(25 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    margin-bottom: calc(15 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     display: flex;
     align-items: center;
     padding-left: calc(12 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));

game/src/views/RedirectView.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="redirect-view" />
+</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()
+
+console.log('sdfdsdf', route.query)
+switch (route.query.gameIdx) {
+case '0':
+  router.replace({
+    name: 'PlantTree',
+  })
+  break
+case '1':
+  router.replace({
+    name: 'ExamPaper1',
+  })
+  break
+case '2':
+  router.replace({
+    name: 'PairUp',
+  })
+  break
+case '3':
+  router.replace({
+    name: 'GameByUnity',
+    query: {
+      gameName: '',
+    }
+  })
+  break
+case '4':
+  router.replace({
+    name: 'GameByUnity',
+    query: {
+      gameName: 'DisasterRelief',
+    }
+  })
+  break
+case '5':
+  router.replace({
+    name: 'GameByUnity',
+    query: {
+      gameName: '',
+    }
+  })
+  break
+case '6':
+  router.replace({
+    name: 'GameByUnity',
+    query: {
+      gameName: '',
+    }
+  })
+  break
+default:
+  break
+}
+
+
+
+</script>
+
+<style lang="less" scoped>
+.redirect-view{
+
+}
+</style>