内容居中

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

@@ -943,9 +943,10 @@ client-banner-box.client-banner-index {
 
   ul {
     display: flex;
+    justify-content: space-between;
 
     li {
-      width: 33%;
+      width: 370px;
 
       >div {
         margin-right: 80px;

components/common/videoCard.vue

@@ -4,7 +4,7 @@
       <img :src="cardData.imgUrl">
       <i @click="cardClick"></i>
     </div>
-    <h4 v-if="cardData.title">{{cardData.title}}</h4>
+    <h4 v-if="cardData.title" :title="cardData.title">{{cardData.title}}</h4>
     <p v-if="cardData.des">{{cardData.des}}</p>
   </div>
 </template>
@@ -29,7 +29,8 @@ export default {
 <style lang="scss" scoped>
 .video-card {
     width: 370px;
-    height: 210px;
+    height: 230px;
+
   .img-box {
     position: relative;
     background: greenyellow;
@@ -64,6 +65,12 @@ export default {
     color: #333;
     text-align: center;
     margin-top: 25px;
+    width: 100%;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    overflow: hidden;
+    word-wrap: break-word;
+    white-space: nowrap;
   }
   p {
     font-size: 16px;

pages/solution/biteAndSup.vue

@@ -57,13 +57,13 @@
       <p>青谷软件可为金融保险行业定制电子化课程</p>
       <ul>
         <li>
-          <video-card :card-data="{title: '课程名称',  url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '粮食作物营养失调',  url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称',  url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '大益茶产品知识介绍',  url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称',  url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '如果营养会说话',  url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
       </ul>
     </div>
@@ -248,11 +248,11 @@ export default {
 
       // 食品餐饮
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/5f8f4c259f67465eafe9f315b799c4db/229b174530e142299cc3d387c9531366-4ade59f9160a3e5f6fb8a11c594f86cf-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/c5deff6e41434ef1b27ef76d2be34b7b/5c01fefa753c425fab6ca5247990b3bd-f2035ff58366e6ffc0edeb57ebe74aa6-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/dee99cbf75764346bd0337084d87d9c1/a7f474ce23e44d0b8de6812a36df09f7-7289ede2ffef7d40a2d077a3a92e1137-fd.mp4',
     }
   },
   methods: {

pages/solution/education.vue

@@ -61,13 +61,13 @@
       <p>青谷软件可为教育培训行业定制电子化课程</p>
       <ul>
         <li>
-          <video-card :card-data="{title: 'FLASH动画课程', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: 'DNA是基因携带者的科学探索', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '视频课程', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '桃李', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '名师讲堂',url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '国际贸易',url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
         </li>
       </ul>
     </div>
@@ -232,11 +232,11 @@ export default {
 
       // 教育培训类视频
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/0e4ec2db83c54a22964f1775185a5ad4/a1f95efe0ae0435ebdc20dbef49f52ed-67733e62208b08b31fe3621ebe8bded9-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/08b23a5fb46b4c44a567cd024e3ca2f7/9846515e9dd4433580ac5b152c6b51a8-88c0bc171016e13a32401660342157b7-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/b5785152b8ed4b50a2e8b6c2e508570c/639831aceafb4524a15b43cea7e7e0de-04876ac4d5fd414d8a4f1abe343bee52-fd.mp4',
     }
   },
   methods: {

pages/solution/energy.vue

@@ -59,13 +59,13 @@
       <p>青谷软件可为能源化工行业定制电子化课程</p>
       <ul>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '中集集团新员工培训', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '中国核建新员工培训', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '中国石油培训课程', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
         </li>
       </ul>
     </div>
@@ -230,11 +230,11 @@ export default {
 
       // 能源化工类课程案例
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/cbfb70b9aaab4c909220bd2e732825e4/788ce45782ff44e18a64583610395958-86e0efd31a0818b7943d83877a1084b7-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/e6558093b12841cd87139fef030b4d7b/8f0742e4bc61419087782446453769bb-14beb69eae12dd7f678fccfeda7bb53b-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/826f3de2be6c4659ac66aac902a705bb/732842113622415bb81159ea1344d382-b9a3f73d217f00af700f50ea10377906-fd.mp4',
     }
   },
   methods: {

pages/solution/financial.vue

@@ -57,13 +57,13 @@
       <p>青谷软件可为金融保险行业定制电子化课程</p>
       <ul>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '城乡居民团体大病医疗保险展业标杆', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '手机银行2.0', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称',url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '普通年金现值',url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
         </li>
       </ul>
     </div>
@@ -230,11 +230,11 @@ export default {
 
       // 金融保险类课程案例
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/cbc0daed7ffa40e791573903bc5ae3a7/bd640b0dad03465ea8bfe87aa82f11c9-1db991eb59bde39fd442d4b168c1b4a6-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/17ee609ecd724d9ba8e684675c64c3af/a1edc3eda6514a6d87d484bd32f0398d-726e91a6c9a46fb9c6c6027ad022a6d4-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/2ae577bebb1f4c25b60e8dfaa0b678e3/91bf4e776b4846ed8833a6ab6631336a-bbf48937872c2a22edfcf0bd384746e7-fd.mp4',
     }
   },
   methods: {

pages/solution/government.vue

@@ -64,17 +64,17 @@
       <ul>
         <li>
           <div>
-            <video-card :card-data="{title: 'FLASH动画课程',url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+            <video-card :card-data="{title: '坚持依法治国培训课程',url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
           </div>
         </li>
         <li>
           <div>
-            <video-card :card-data="{title: '视频课程', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
+            <video-card :card-data="{title: '全面深化改革经济制度', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
           </div>
         </li>
         <li>
           <div>
-            <video-card :card-data="{title: '名师讲堂', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
+            <video-card :card-data="{title: '如何领会习近平新时代中国特色社会主义思想', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
           </div>
         </li>
       </ul>
@@ -247,11 +247,11 @@ export default {
 
       // 党建类视频
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/93d3b7ead3634e6cb995d06dc74ffc98/846d3c9f0d414a589ed6c3456b235f43-ea296adfbbcbef1fa2c56c25dd47f9ae-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/830f8f8ac04046db8cead176dc481d68/c8cbb2bac1f343bbaef7eec659d3211a-440772930440cec2cabf50caa08f6d95-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/0135d5e9c8d44212a6bcedc0893a7e85/d0c09a604c514590bd7e30ddf447a4e6-d5116651287156c14b8fd26b143f51e1-fd.mp4',
     }
   },
   methods: {

pages/solution/medical.vue

@@ -58,13 +58,13 @@
       <p>青谷软件可为医疗行业定制电子化课程</p>
       <ul>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '带你认识支气管', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称',url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '高效会议',url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '呼吸功能检查介绍', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
         </li>
       </ul>
     </div>
@@ -229,11 +229,11 @@ export default {
 
       // 医疗视频
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/f3912729cd5f4cf9b154ba5f1a51956e/8e3ec7bc60ff42ec868d65af6984d952-8fb6550e3b3b36511977af05b89d1232-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/2bb226058ae64203a6f6970c542c33eb/84e8af1494614d2bae079491104cf8cc-9e7af558757b1aed477a9f625ade5228-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/1fc0228fc1324ace9297c465e441bd7e/d99382ff9f1840ef8fc73edcba8256eb-8cab747e3823da29646bc68613cbdca1-fd.mp4',
     }
   },
   methods: {

pages/solution/transportation.vue

@@ -65,13 +65,13 @@
       <p>青谷软件可为交通运输行业行业定制电子化课程</p>
       <ul>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '道路货物运输安全生产法律法规体系的基本框架', url: video1, imgUrl:img1}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '地铁知识课程', url: video2, imgUrl:img2}" @card-click="showVideo"></video-card>
         </li>
         <li>
-          <video-card :card-data="{title: '课程名称', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
+          <video-card :card-data="{title: '防火灭火基本知识', url: video3, imgUrl:img3}" @card-click="showVideo"></video-card>
         </li>
       </ul>
     </div>
@@ -263,11 +263,11 @@ export default {
 
       // 交通运输
       img1: require(`~/static/images/client/course/course-video-img2.png`),
-      video1: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video1: 'https://spdb.mtavip.com/bc573e0208b648e489871042d921e4d9/1218c962b43b4181b52210e1c4e06a30-c3623c6e463017eed5281ab71725ed90-fd.mp4',
       img2: require(`~/static/images/client/course/course-video-img2.png`),
-      video2: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video2: 'https://spdb.mtavip.com/053134c40aba44ec9ecafefb2bee76ec/44e26709f07d44e3987135a1a7b428da-62cfaf98118b118946ddff06f51cbb2a-fd.mp4',
       img3: require(`~/static/images/client/course/course-video-img2.png`),
-      video3: 'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+      video3: 'https://spdb.mtavip.com/edc9a92d4f42493990454dd9c60c27da/251d1a6c860e414198243e6cd96c11cf-dddb1b5a0bcac117a3e6a485d52c18c5-fd.mp4',
     }
   },
   methods: {