feat: 添加客服视频, 关闭acm报名入口

package.json

@@ -1,7 +1,7 @@
 {
     "name": "join-us-vue",
     "private": true,
-    "version": "2.5.1.1",
+    "version": "2.5.1.2",
     "scripts": {
         "dev": "vite",
         "build": "vue-tsc --noEmit && vite build",

src/components/Video.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="video">
+    <div class="introduce" :class="pageStore.pageType">
+      <div class="title">客服视频</div>
+      <div class="content" :class="pageStore.pageType">
+        <iframe
+          src="//player.bilibili.com/player.html?aid=514039970&bvid=BV1cg41127UT&cid=791985606&page=1"
+          scrolling="no"
+          border="0"
+          frameborder="no"
+          framespacing="0"
+          allowfullscreen="true"
+        >
+        </iframe>
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { usePageStore } from "../stores/pages";
+const pageStore = usePageStore();
+</script>
+<style lang="scss" scoped>
+.introduce {
+  display: grid;
+  grid-template-rows: 20% 80%;
+  margin: auto;
+  margin-top: 50px;
+  margin-bottom: 100px;
+  align-items: center;
+  &.normal {
+    width: 40%;
+  }
+  &.middle,
+  &.mini {
+    width: 80%;
+  }
+}
+
+.title {
+  background-color: #d6d6d6;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  font-size: xx-large;
+  white-space: pre-line;
+  padding-block: 10px;
+  width: 100%;
+}
+.content {
+  background-color: white;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  box-shadow: 0 5px 10px #999;
+  width: 100%;
+  &.normal {
+    iframe {
+      width: 100%;
+      height: 500px;
+    }
+  }
+  &.middle,
+  &.mini {
+    iframe {
+      width: 100%;
+      height: 300px;
+    }
+  }
+}
+</style>

src/router/index.ts

@@ -118,14 +118,14 @@ const routes = [
   //     navbar: () => import('../components/NavBarAdmin.vue'),
   //   },
   // },
-  {
-    path: '/join/acm',
-    name: 'join/acm',
-    components: {
-      default: () => import('../views/join/acm.vue'),
-      navbar: () => import('../components/NavBar.vue'),
-    },
-  },
+  // {
+  //   path: '/join/acm',
+  //   name: 'join/acm',
+  //   components: {
+  //     default: () => import('../views/join/acm.vue'),
+  //     navbar: () => import('../components/NavBar.vue'),
+  //   },
+  // },
   {
     path: '/:pathMatch(.*)*',
     redirect: '/index'

src/views/index.vue

@@ -11,6 +11,7 @@ import Footer from "../components/Footer.vue";
 import { onMounted, ref } from "vue";
 import Contact from "../components/Contact.vue";
 import PageTop from "../components/PageTop.vue";
+import JHVideo from "../components/Video.vue";
 const pageStore = usePageStore();
 const router = useRouter();
 
@@ -34,6 +35,7 @@ var loaded = false;
 <template>
   <start />
   <introduce />
+  <JHVideo />
   <history v-if="pageStore.pageType == 'normal'" />
   <timeline
     v-if="pageStore.pageType == 'mini' || pageStore.pageType == 'middle'"

src/views/join.vue

@@ -38,10 +38,10 @@ function toLong() {
       />
       <div class="detail-base" :class="pageStore.pageType">
         <div class="btn">
-          <JHButton type="middle" @click="router.push('/join/acm')">
+          <!-- <JHButton type="middle" @click="router.push('/join/acm')">
             ACM新生赛
           </JHButton>
-          (点击报名)
+          (点击报名) -->
           <JHButton type="middle-disabled" @click="toRecruit"
             >招新季报名</JHButton
           >