新版课程开发

assets/scss/cus-client/cus-client-common.scss

@@ -272,7 +272,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     // 手机菜单关闭
     .head-nav-up{height: 0;display:none;opacity: 0;}
     // 手机菜单开启
-    .head-nav-down{height: 100vh;display:block;opacity: 1;}
+    .head-nav-down{height: calc(100vh - 60px);-height:100vh;display:block;opacity: 1;overflow: auto}
     // li
     .el-menu--horizontal>.el-menu-item{float: none;height: 60px;line-height: 60px;border-bottom: 1px solid #e9e9e9;margin:0 18px;
       border-bottom-color:#e9e9e9!important;font-weight: 700;font-size: 16px;color: rgb(16, 16, 16);}

components/mtaNav/pcNav.vue

@@ -5,17 +5,15 @@
     <nuxt-link to="/trainsystem" class="xwzx-row" :class="{'active': curActive === 'trainsystem'}">培训系统</nuxt-link>
     <el-popover
       placement="bottom"
-      trigger="hover"
+      trigger="click"
       popper-class="head-popper-box cp-popper-box"
     >
         <nuxt-link :to="item.url" v-for="(item,index) in kckfList" :key="index" class="head-popper-item">
           <i></i>
-          <p>
-            <span class="head-popper-title">{{ item.title }}</span>
-            <span class="head-popper-des">{{ item.des }}</span>
-          </p>
+          <span class="head-popper-title">{{ item.title }}</span>
+          <!--<span class="head-popper-des">{{ item.des }}</span>-->
         </nuxt-link>
-      <span class="head-nav-btn" slot="reference" :class="{active: curActive === 'courseware'}">课程定制服务<i class="el-icon-arrow-down el-icon--right"></i></span>
+      <span class="head-nav-btn" slot="reference" :class="{active: curActive === 'courseware'}">课程开发<i class="el-icon-arrow-down el-icon--right"></i></span>
     </el-popover>
     <nuxt-link to="/news" :class="{active: curActive === 'news'}">新闻资讯</nuxt-link>
     <nuxt-link to="/introduction" :class="{active: curActive === 'introduction'}">关于我们</nuxt-link>
@@ -30,27 +28,27 @@ export default {
       kckfList: [
         {
           img: '#',
-          title: '梗概',
-          des: '为企业量身定做专属课程',
+          title: '课程开发',
+          // des: '为企业量身定做专属课程',
           url: '/courseware/synopsis'
         },
         {
           img: '#',
-          title: '课程定制',
-          des: '海量精品课程专业定制',
+          title: '微课制作',
+          // des: '海量精品课程专业定制',
           url: '/courseware/custom'
         },
         {
           img: '#',
-          title: '平台运营',
-          des: '完善的平台运营体系',
-          url: '/courseware/platform'
+          title: '高端动画',
+          // des: '完善的平台运营体系',
+          url: '/courseware/animation'
         },
         {
           img: '#',
-          title: '课程大赛',
-          des: '助力企业推动培训学习进程',
-          url: '/courseware/compete'
+          title: '课件PPT',
+          // des: '助力企业推动培训学习进程',
+          url: '/courseware/ppt'
         }
       ],
     }
@@ -165,19 +163,19 @@ export default {
       align-items: center;
 
       i {
-        width: 34px;
-        height: 34px;
+        width: 28px;
+        height: 28px;
         background-size: contain;
         display: inline-block;
-        margin-right: 16px;
+        margin-right: 12px;
         background-repeat: no-repeat;
         background-position: center;
       }
 
       .head-popper-title {
-        font-size: 14px;
+        font-size: 16px;
         color: #333;
-        margin-bottom: 4px;
+        /*margin-bottom: 4px;*/
         display: inline-block;
       }
 

components/mtaNav/sjNav.vue

@@ -4,13 +4,11 @@
     <nuxt-link to="/examsystem" class="xwzx-row" :class="{'menu-active': curActive === 'examsystem'}">考试系统</nuxt-link>
     <nuxt-link to="/trainsystem" class="xwzx-row" :class="{'menu-active': curActive === 'trainsystem'}">培训系统</nuxt-link>
     <el-collapse accordion>
-      <el-collapse-item title="课程定制服务" :class="{'menu-active': curActive === 'courseware'}">
+      <el-collapse-item title="课程开发" :class="{'menu-active': curActive === 'courseware'}">
         <nuxt-link :to="item.url" v-for="(item,index) in kckfList" :key="index" class="cpfw-popper-item">
           <i></i>
-          <p>
-            <span class="phone-popper-title">{{ item.title }}</span>
-            <span class="phone-popper-des">{{ item.des }}</span>
-          </p>
+          <span class="phone-popper-title">{{ item.title }}</span>
+          <!--<span class="phone-popper-des">{{ item.des }}</span>-->
         </nuxt-link>
       </el-collapse-item>
     </el-collapse>
@@ -27,27 +25,27 @@ export default {
       kckfList: [
         {
           img: '#',
-          title: '梗概',
-          des: '为企业量身定做专属课程',
+          title: '课程开发',
+          // des: '为企业量身定做专属课程',
           url: '/courseware/synopsis'
         },
         {
           img: '#',
-          title: '课程定制',
-          des: '海量精品课程专业定制',
+          title: '微课制作',
+          // des: '海量精品课程专业定制',
           url: '/courseware/custom'
         },
         {
           img: '#',
-          title: '平台运营',
-          des: '完善的平台运营体系',
-          url: '/courseware/platform'
+          title: '高端动画',
+          // des: '完善的平台运营体系',
+          url: '/courseware/animation'
         },
         {
           img: '#',
-          title: '课程大赛',
-          des: '助力企业推动培训学习进程',
-          url: '/courseware/compete'
+          title: '课件PPT',
+          // des: '助力企业推动培训学习进程',
+          url: '/courseware/ppt'
         }
       ],
     }
@@ -112,8 +110,8 @@ export default {
   .cpfw-popper-item{
     width: 100%;height: 80px;border-radius: 5px;background-color: rgba(187, 187, 187, 0.2);
     margin-bottom: 10px;display: flex;align-items: center;padding: 20px;box-sizing: border-box;
-    i{width: 34px;height: 34px;background-size: contain;display: inline-block;margin-right: 16px;background-repeat:no-repeat;background-position: center;}
-    .phone-popper-title{font-size: 14px;color: #333;margin-bottom: 4px;display: inline-block;}
+    i{width: 28px;height: 28px;background-size: contain;display: inline-block;margin-right: 12px;background-repeat:no-repeat;background-position: center;}
+    .phone-popper-title{font-size: 16px;color: #333;display: inline-block;}
     .phone-popper-des{display:block;font-size: 12px;color: #9c9c9c;}
 
     // 列表

pages/courseware/animation.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>高端动画</div>
+</template>
+
+<script>
+    export default {
+        name: 'animation',
+    };
+</script>
+
+<style scoped>
+
+</style>

pages/courseware/ppt.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>课件PPT</div>
+</template>
+
+<script>
+    export default {
+        name: 'ppt',
+    };
+</script>
+
+<style scoped>
+
+</style>