增加体验中心

components/header.vue

@@ -77,10 +77,15 @@
             keyPath:  '/trainsystem',
             children: [],
           },
-          {
+       /*   {
             content:  '课程资源',
             keyPath:  '/resources',
             children: [],
+          },*/
+          {
+            content:  '体验中心',
+            keyPath:  '/tiyanCenter',
+            children: [],
           },
           {
             content:  '课程开发',

pages/courseware/index.vue

@@ -61,7 +61,7 @@
             <li>
               <a href="https://spdb.mtavip.com/sv/4f2e3958-17880e826df/4f2e3958-17880e826df.mp4"></a>
               <div>
-                <span><img :src="courseVideoImg19" alt="FLASH动画课程"><i @click="playVideo(0)"></i></span>
+                <span><img :src="courseVideoImg19" alt="FLASH动画课程"><i @click="playVideo(18)"></i></span>
                 <p>FLASH动画课程</p>
                 <p class="course-explain-black">主要以图文动画的形式表现教学者的作用和教与学之间的关系，从而改变学习的本质</p>
               </div>
@@ -69,14 +69,14 @@
             <li>
               <a href="https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4"></a>
               <div>
-                <span><img :src="courseVideoImg8" alt="视频课程"><i @click="playVideo(1)"></i></span>
+                <span><img :src="courseVideoImg8" alt="视频课程"><i @click="playVideo(19)"></i></span>
                 <p>视频课程</p>
                 <p class="course-explain-black">把教师视频与PowerPoint课件一并摄制下来，生成为视频课件</p>
               </div>
             </li>
             <li>
               <a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce0a1a35285890792886070899/v.f30.mp4"></a>
-              <div><span><img :src="courseVideoImg6" alt="名师讲堂"><i @click="playVideo(2)"></i></span>
+              <div><span><img :src="courseVideoImg6" alt="名师讲堂"><i @click="playVideo(20)"></i></span>
                 <p>名师讲堂</p>
                 <p class="course-explain-black">各行各业讲师汇聚一堂，为不同专属领域打造明星级课堂</p>
               </div>
@@ -306,6 +306,13 @@
     },
     data() {
       return {
+        //  describe: 课程开发相关 author: Wgy date:6/8/21
+        trainAdvantagesImg1:  require(`~/static/images/client/resources/train-scheme-img.png`),
+        courseVideoImg19:  require(`~/static/images/client/course/course-video-img19.png`),
+
+
+
+
         // 菜单栏上方
         courseNavImg:  require(`~/static/images/client/course/course-nav-img.png`),
         // 视频封面
@@ -440,6 +447,27 @@
             fotterText:'以情景动画形式丰富多样，游戏化教学和精美动画相结合',
             title:'过场动画',
           },
+
+//  describe: 课程开发 author: Wgy date:6/8/21
+
+          {
+            url:'https://spdb.mtavip.com/sv/4f2e3958-17880e826df/4f2e3958-17880e826df.mp4',
+            fotterText:'主要以图文动画的形式表现教学者的作用和教与学之间的关系，从而改变学习的本质',
+            title:'FLASH动画课程',
+          },
+          {
+            url:'https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4',
+            fotterText:'把教师视频与PowerPoint课件一并摄制下来，生成为视频课件',
+            title:'视频课程',
+          },
+          {
+            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/359ee794-17470899bcf-0006-732a-c93-687b7.mp4',
+            fotterText:'各行各业讲师汇聚一堂，为不同专属领域打造明星级课堂',
+            title:'名师讲堂',
+          },
+
+
+
         ],
         btnTextDisabled: false,
         telDl: false,
@@ -477,6 +505,11 @@
     },
     computed:   {},
     methods:    {
+
+      goIntroductionPage(){
+        this.$router.push({ name: 'introduction' });
+      },
+
       // tab点击
       btnClick(data){
         if(data==='kczy'){

pages/tiyanCenter/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div >
+      体验中心
+  </div>
+</template>
+
+<script>
+  export default {
+    name:     'tiyanCenter',
+    layout:   'templateB',
+    async asyncData({ $axios,store }) {
+      // 设置选中菜单
+      store.commit('setActiveNav', '/tiyanCenter');
+
+/*
+      let [res1, res2] = await Promise.all([
+                                             await $axios.$post(`/home/banner/list`, { 'code': 3 }).then(res => {
+                                               return res;
+                                             }),
+                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0,'keyword':'培训' }).then(res => {
+                                               return res;
+                                             })
+                                           ]);
+      return {
+        bannerList: res1.data.data||[],
+        topCarousels: res2.data.data||[],
+
+      };*/
+    },
+    data() {
+      return {
+
+      };
+    },
+    head(){
+      return {
+   /*     title: '课程资源_学习平台_精品课程资源开发建设_学习平台开发建设',
+        meta: [
+          {
+            name: 'keywords',
+            content: '学习平台开发,学习平台建设'
+          },
+          {
+            name:'description',
+            content:'大连栋科软件工程有限公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。“共同成长、相伴一生”是栋科软件始终不渝的核心价值观。'
+          }
+        ],*/
+      }
+    },
+    computed: {},
+    methods:  {
+
+    },
+    created() {
+
+    },
+    mounted() {
+    },
+    beforeDestroy() {
+    },
+  };
+</script>
+<style>
+
+</style>