关于我们页内容修改

assets/scss/cus-client/cus-client-page.scss

@@ -1382,13 +1382,13 @@
         li{
           width: 33.33%;display: inline-block;
           a{display: none;}
-          div{background: #fff;border-radius: 8px;margin: 0 16px 40px;box-shadow: 0 0 7px 2px #f5f2ff;}
+          div{background: #fff;border-radius: 8px;margin: 0 16px 40px;box-shadow: 0 0 7px 2px #f5f2ff;padding:0 16px 24px;}
           span{width:342px;height:192px;display: inline-block;margin-top: 16px;border-radius:4px;overflow: hidden;position: relative}
           i{width: 48px;height: 48px;cursor: pointer;background-image: url("~static/images/client/course/course-video-icon.svg");display: inline-block;position: absolute;
             left: 50%;margin-left: -24px;z-index: 5;top: 50%;margin-top: -24px;background-size: cover;background-position: bottom;transition: all 0.5s;}
           img{transition: all 0.5s;}
-          p{@include setFontStyle(-4);color: #3e7ce7;padding: 24px 16px 16px;text-align: left}
-          .course-explain-black{@include setFontStyle(-4);color: #333;line-height: 24px;padding: 0 16px 24px;}
+          p{@include setFontStyle(-4);color: #3e7ce7;padding: 0;text-align: left;@include multi-line-ellipsis(2);padding-top: 10px;}
+          .course-explain-black{@include setFontStyle(-4);color: #333;line-height: 24px;}
         }
         li span:hover{img{transform: scale(1.1);}}
         li i:hover{background-image: url("~static/images/client/course/course-video-icon-a.svg");background-size: cover;background-position: bottom;}

pages/courseware/index.vue

@@ -13,9 +13,9 @@
       <div class="client-platform-banner">
         <div  :style="{backgroundImage: `url(${require(`~/static/images/client/resources/resources-banner-background.jpg`)})`}" class="client-platform-banner"></div>
       </div>
-      <!--  企业通用岗位培训方案 -->
+      <!--  课程企业通用岗位培训方案 -->
       <div class="client-container">
-        <h4 class="client-title">企业通用岗位培训方案</h4>
+        <h4 class="client-title">课程企业通用岗位培训方案</h4>
         <ul class="train-scheme-list">
           <li><div><i></i><span>职业素养</span></div></li>
           <li><div><i></i><span>领导能力</span></div></li>
@@ -33,14 +33,14 @@
           <li>
             <div class="client-container">
               <div class="products-services-box products-contrary-box">
-                <h4 class="client-title">为企业培训打造学习矩阵</h4>
-                <img :src="trainAdvantagesImg1" alt="完善的课程学习体系" />
+                <h4 class="client-title">帮助企业培养关键人才和提升岗位技能</h4>
+                <img :src="trainAdvantagesImg1" alt="帮助企业培养关键人才和提升岗位技能" />
                 <div class="products-services-content">
                   <p>
                     课程总数近<span class="blue-big-size">5000门</span><br>
-                    涵盖<span class="blue-big-size">2000个</span>知识要点<br>
+                    涵盖<span class="blue-big-size">2000多个</span>知识要点<br>
                     提供<span class="blue-big-size">8大通用岗位</span>培训方案<br>
-                    课程资源<span class="blue-big-size">每月持续更新</span><br>
+                    课程资源<span class="blue-big-size">持续更新</span><br>
                   </p>
                   <div class="default-Btn-box">
                     <a class="client-default-Btn" @click="applyFun" >申请方案</a>
@@ -55,7 +55,7 @@
       </div>
       <!--  情景动画 -->
       <div class="course-learn-box">
-        <h4 class="client-title">课程内容形式多样</h4>
+        <h4 class="client-title">基于业务场景的课程形式</h4>
         <div class="client-container tc">
           <ul class="learn-box-list">
             <li>
@@ -63,7 +63,7 @@
               <div>
                 <span><img :src="courseVideoImg19" alt="FLASH动画课程"><i @click="playVideo(18)"></i></span>
                 <p>FLASH动画课程</p>
-                <p class="course-explain-black">主要以图文动画的形式表现教学者的作用和教与学之间的关系，从而改变学习的本质</p>
+                <p class="course-explain-black">以图文动画展现教与学之间的关系，达到预期的教学效果，改变学习的本质，课程形式适合所有行业</p>
               </div>
             </li>
             <li>
@@ -71,14 +71,14 @@
               <div>
                 <span><img :src="courseVideoImg8" alt="视频课程"><i @click="playVideo(19)"></i></span>
                 <p>视频课程</p>
-                <p class="course-explain-black">把教师视频与PowerPoint课件一并摄制下来，生成为视频课件</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(20)"></i></span>
                 <p>名师讲堂</p>
-                <p class="course-explain-black">各行各业讲师汇聚一堂，为不同专属领域打造明星级课堂</p>
+                <p class="course-explain-black">各领域优秀讲师汇聚一堂，打造明星级课堂，轻松将员工带成干将</p>
               </div>
             </li>
           </ul>
@@ -110,7 +110,7 @@
       <!--  E-learning课程 -->
       <div class="course-learn-box" id="learnBox">
         <h4 class="client-title">E-learning课程</h4>
-        <h5 class="client-subtitle-title">E-learning 课程类型主要有：两分屏、三分屏、电子杂志、FLASH 动画、视频实拍等多种形式。满足学员电脑端系统化学习</h5>
+        <h5 class="client-subtitle-title">E-learning课程类型主要有：flash动画形式；两分屏、三分屏流媒体；电子杂志；视频实拍等。我们能帮您快速开发E-learning课件，高效搞定线上系统化学习</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
             <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cce7bfa5285890792886060567/v.f30.mp4"></a><div><span><img :src="courseVideoImg1" alt="两分屏类E-Learning课程"><i @click="playVideo(0)"></i></span><p>两分屏类E-Learning课程</p></div></li>
@@ -128,7 +128,7 @@
       <!--  微课程 -->
       <div class="course-learn-box" id="microBox">
         <h4 class="client-title">微课程</h4>
-        <h5 class="client-subtitle-title">该类课程主要有：长图文、视频、H5交互等多种形式。内容短小精悍，利用碎片化时间，随时随地轻松学习</h5>
+        <h5 class="client-subtitle-title">该类课程主要有：长图文微课、视频微课、H5交互微课等。由丰富的图形图像、多彩多姿的动画、音视频内容构成，短小精趣，在各类教育领域都有其发挥的空间，能实现现代人随时随地轻松学习的愿望</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
             <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9f25da7a5285890792886164670/v.f30.mp4"></a><div><span><img :src="courseVideoImg7" alt="长图文类微课"><i @click="playVideo(6)"></i></span><p>长图文类微课</p></div></li>
@@ -146,7 +146,7 @@
       <!--  宣传片 -->
       <div class="course-learn-box" id="propagateBox">
         <h4 class="client-title">宣传片</h4>
-        <h5 class="client-subtitle-title">宣传片主要有：手绘动画、MG动画、视频实拍等多种形式。用于企业形象宣传、广告推广等</h5>
+        <h5 class="client-subtitle-title">宣传片主要有：二维动画制作、MG动画制作、手绘动画、视频实拍等多种形式。用于企业形象宣传、广告推广等，能将企业营销带到大众中去，发挥最大限度的作用</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
             <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce2c5775285890792886074523/v.f30.mp4"></a><div><span><img :src="courseVideoImg13" alt="手绘动画类宣传片"><i @click="playVideo(12)"></i></span><p>手绘动画类宣传片</p></div></li>
@@ -161,7 +161,7 @@
       <!--  情景动画 -->
       <div class="course-learn-box" id="animationBox">
         <h4 class="client-title">情景动画</h4>
-        <h5 class="client-subtitle-title">情景动画形式丰富多样，游戏化教学和精美动画相结合，激发学习者兴趣</h5>
+        <h5 class="client-subtitle-title">情景动画画面精美，将教学动画游戏化，利用别出心裁的镜头特效，摆脱枯燥的学习体验，提升学习者的学习乐趣</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
             <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cc031355285890792886057331/v.f30.mp4"></a><div><span><img :src="courseVideoImg16" alt="儿歌动画"><i @click="playVideo(15)"></i></span><p>儿歌动画</p></div></li>
@@ -176,7 +176,7 @@
       <!--  PPT定制及美化 -->
       <div class="course-ppt-box" id="pptBox">
         <h4 class="client-title">PPT定制及美化</h4>
-        <h5 class="client-subtitle-title-big">PPT正成为人们工作生活的重要组成部分，在工作汇报、企业宣传、产品推介、婚礼庆典、项目竞标、管理咨询等领域发挥重大的作用。 发挥我们的设计优势，多次帮客户在各种大赛中取得前三甲的优异成绩。</h5>
+        <h5 class="client-subtitle-title-big">专业平面设计师和美学动效师操刀设计、可视化处理以及动画制作，让PPT具有极强的美感和冲击力</h5>
         <div class="client-container tc">
           <ul>
             <li><img :src="coursePPtImg1" alt="扁平卡通类PPT"><p>扁平卡通类PPT</p></li>
@@ -191,7 +191,7 @@
       <!--  H5平面设计 -->
       <div class="course-H5-box" id="h5Box">
         <h4 class="client-title">H5平面设计</h4>
-        <h5 class="client-subtitle-title-big">H5一般以设计和文案为重中之重，都需要服务于营销内容。而从技术层面来讲，一个比较简便的方法就是先做好静态设计的展示。 我们的设计，永远致力于创新及消费市场研究上，着重以客户的消费群为感知目标，洞察消费体验，让设计有市场消费冲击力。</h5>
+        <h5 class="client-subtitle-title-big">H5有着易传播、跨平台的特性，所以常常会作为现在社会化传播的首选方案。我们能够创作出服务于营销的设计和文案，打破一维思维状态，转向发散性思维，将视觉设计综合应用在营销企划、用户体验、特效制作、媒体投放等方方面面，将作品做扎实作品做饱满。</h5>
         <div class="client-container tc">
           <ul>
             <li><img :src="courseH5Img1" alt="H5平面设计" width="333" height="383"></li>
@@ -206,7 +206,7 @@
       <!--  视频后期处理 -->
       <div class="course-videoPos-box" id="videoPostBox">
         <h4 class="client-title">视频后期处理</h4>
-        <h5 class="client-subtitle-title-big">视频剪辑后期制作、影视剪辑后期特效制作、精剪年会视频特效、片头、婚礼、宣传视频剪辑。当今3d出屏技术已经应用到了众多手机、显示器和游戏中，在没有足够多的3d电影片源的情况下，那么我们把手头上的2d电影转换成3d电影。</h5>
+        <h5 class="client-subtitle-title-big">除了基础的拍摄外，视频的设计风格也十分重要，视频的后期处理能够颠覆整体的设计效果，我们承接视频剪辑后期制作、影视剪辑后期特效制作、精剪年会视频特效、片头、婚礼、宣传片视频剪辑，十余年制作经验让画面生出生机，跃动起来，广告动画后期就选栋科</h5>
         <div class="client-container tc">
           <ul>
             <li><img :src="videoPosImg1" alt="视频后期处理" width="514" height="256" ><p>2D转3D电影</p></li>
@@ -452,17 +452,17 @@
 
           {
             url:'https://spdb.mtavip.com/sv/4f2e3958-17880e826df/4f2e3958-17880e826df.mp4',
-            fotterText:'主要以图文动画的形式表现教学者的作用和教与学之间的关系，从而改变学习的本质',
+            fotterText:'以图文动画展现教与学之间的关系，达到预期的教学效果，改变学习的本质，课程形式适合所有行业',
             title:'FLASH动画课程',
           },
           {
             url:'https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4',
-            fotterText:'把教师视频与PowerPoint课件一并摄制下来，生成为视频课件',
+            fotterText:'把教师视频与PowerPoint课件一同摄制下来，融合生成在线实战视频课件，让学员更容易理解',
             title:'视频课程',
           },
           {
             url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/359ee794-17470899bcf-0006-732a-c93-687b7.mp4',
-            fotterText:'各行各业讲师汇聚一堂，为不同专属领域打造明星级课堂',
+            fotterText:'各领域优秀讲师汇聚一堂，打造明星级课堂，轻松将员工带成干将',
             title:'名师讲堂',
           },