2022-10-14 update

1. 新增视频介绍菜单 (仅在外网环境下显示
2. 新增视频介绍页面  展示介绍视频

exam-06173-vue/src/layout/components/Navbar.vue

@@ -43,6 +43,9 @@
           <router-link to="/">
             <el-dropdown-item>学员首页</el-dropdown-item>
           </router-link>
+          <router-link to="/introduce/index" v-if="isDemo">
+            <el-dropdown-item>视频介绍</el-dropdown-item>
+          </router-link>
           <el-dropdown-item divided>
             <span style="display:block;" @click="logout">退出登录</span>
           </el-dropdown-item>
@@ -70,7 +73,8 @@ export default {
   },
   data() {
     return {
-      downloadShow: false
+      downloadShow: false,
+      isDemo: process.env.NODE_ENV === 'demo'
     }
   },
   computed: {

exam-06173-vue/src/router/index.js

@@ -117,6 +117,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/introduce',
+    component: Layout,
+    redirect: '/introduce/index',
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/introduce/index'),
+        name: 'Introduce',
+        meta: { title: '视频介绍', icon: 'user', noCache: true }
+      }
+    ]
+  },
 
   {
     path: '/',

exam-06173-vue/src/views/introduce/index.vue

@@ -0,0 +1,19 @@
+<template>
+	<div>
+		<video-player :value="videoSrc" :drag="false" ref-id="introduceVideo">
+		</video-player>
+	</div>
+</template>
+<script>
+import VideoPlayer from '@/components/VideoPlayer'
+export default {
+	components: {
+		VideoPlayer
+	},
+	data(){
+		return {
+			videoSrc: '/introduce/智能多媒体考试培训系统功能讲解.mp4'
+		}
+	}
+}
+</script>