追加漫剧

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

@@ -2193,6 +2193,9 @@
         display: block;
         h6{font-family: MiSans-Regular, "微软雅黑", Arial, sans-serif;@include setFontStyle(10);color: #0065cd;margin-bottom: 28px;}
         p{@include setFontStyle(4);color: #333;margin-bottom: 30px;text-align: justify;}
+        .synopsis-list-box.maju-li li {
+          width: 220px
+        }
         .synopsis-list-box{
           display: flex;align-items: center;flex-wrap: wrap;
           li{width: 33.33%;margin-bottom: 24px;display: flex;align-items: center}
@@ -2233,11 +2236,15 @@
             span{@include setFontStyle(-7);color: #333;}
             i{width: 6px;height: 6px;margin-right: 8px;}
           }
+          .synopsis-list-box.maju-li li {
+            width: 150px;
+          }
           .client-btn-box{text-align: center;margin:40px 0;}
           .client-default-Btn,.client-default-white-Btn{width: 120px;height: 35px;line-height: 35px;}
           a,div.client-default-Btn{margin-right: 16px}
         }
       }
+
       .website-row-reverse img{margin: 0 auto;}
     }
   }

pages/courseware/synopsis.vue

@@ -8,6 +8,20 @@
       <div class="website-course-services">
         <h4 class="client-title">课程开发</h4>
         <ul>
+          <li class="synopsis-blue">
+            <div class="synopsis-services-box website-row-reverse">
+              <img :src="synopsisImg0" alt="高端动画" />
+              <div class="course-services-content">
+                <h6>漫剧定制</h6>
+                <p>AI漫剧定制 · 全流程一站式服务</p>
+                <ul class="synopsis-list-box maju-li">
+                  <li v-for="item in synopsisArr0" ><i></i><span>{{item}}</span></li>
+                </ul>
+                <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goQuotation">立即申请制作</span></div>
+
+              </div>
+            </div>
+          </li>
           <li>
               <div class="synopsis-services-box">
                 <img :src="synopsisImg1" alt="教学课程" />
@@ -113,6 +127,7 @@
           return {
             // 发展现状img
             synopsisBannerImg: require(`~/static/images/client/course/course-synopsis-banner.jpg`),
+            synopsisImg0: require(`~/static/images/client/course/course-synopsis-img0.png`),
             synopsisImg1:  require(`~/static/images/client/course/course-synopsis-img1.png`),
             synopsisImg2:  require(`~/static/images/client/course/course-synopsis-img2.png`),
             synopsisImg3:  require(`~/static/images/client/course/course-synopsis-img3.png`),
@@ -123,6 +138,7 @@
             choseImg2:   require(`~/static/images/client/index/index-chose-system-icon.png`),
             choseImg3:   require(`~/static/images/client/index/index-chose-tech-icon.png`),
             choseImg4:   require(`~/static/images/client/index/index-chose-operate-icon.png`),
+            synopsisArr0:['原创IP漫剧','网文IP改编漫剧','企业漫剧宣传片','短视频漫剧/中长集漫剧','衍生IP文创配套漫剧'],
             synopsisArr1:['高等院校','公司企业','培训机构','政府机构','媒体出版','事业单位'],
             synopsisArr2:['Mg动画','情景动画','Flash动画','片头动画','定格动画','动画短片','三维动画','宣传动画'],
             synopsisArr3:['动画微课','视频微课','文图微课','长图微课','PPT微课','H5微课'],