视频教程

pc/src/page/service/video.vue

@@ -8,7 +8,7 @@
         <h-col :span="langVideoCourse[activeTab].items.length > 2 ? 6 : 12"  v-for="(sub,idx) in langVideoCourse[activeTab].items" :key="idx">
           <div class="i-li" :class="{small: langVideoCourse[activeTab].items.length > 2}" @click="itemHandle(sub)">
             <div class="img-w">
-              <img class="li-img" :src="`${$cdn}course/img/${sub.code}.jpg?version=4`" alt="">
+              <img class="li-img" :src="`${$cdn}course/img/${sub.code}.jpg?version=1`" alt="">
               <div class="hover-item">
                 <img :src="`${$cdn}course/img/video-play.png`" alt="">
                 <p>{{sub.name}}</p>
@@ -18,7 +18,7 @@
           </div>
         </h-col>
       </h-row>
-  </div>
+    </div>
   </div>
 </template>
 
@@ -97,10 +97,10 @@ export default {
     }
   }
   .i-ul{
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-wrap: wrap;
+      // display: flex;
+      // justify-content: space-between;
+      // align-items: center;
+      // flex-wrap: wrap;
       width: 100%;
       margin-top: 64px;
       .i-li {

pc/src/store/language/home_cn.js

@@ -245,62 +245,66 @@ export default {
   },
   videoCourse: {
     content: [
+    //   {
+    //     name: '视频教程',
+    //     sub: '快速上手以及详细教学',
+    //     items: [
+    //       {
+    //         code: 'img_guide01@2x',
+    //         name: '快速上手指南'
+    //       },
+    //       {
+    //         code: 'img_guide02@2x',
+    //         name: '完整版操作指南'
+    //       }
+    //     ]
+    //   },
+    //   {
+    //     name: '功能教学',
+    //     sub: '功能模块拆解分段学习',
+    //     items: [
+    //       {
+    //         code: 'img_01getready@2x',
+    //         name: '使用前准备'
+    //       },
+    //       {
+    //         code: 'img_03shotstep@2x',
+    //         name: '拍摄流程'
+    //       },
+    //       {
+    //         code: 'img_08shotmode@2x',
+    //         name: '拍摄方式'
+    //       },
+    //       {
+    //         code: 'img_05point@2x',
+    //         name: '点位调整功能'
+    //       },
+    //       {
+    //         code: 'img_06video@2x',
+    //         name: '球幕视频功能'
+    //       },
+    //       {
+    //         code: 'img_02editmb@2x',
+    //         name: '编辑模型-手机APP端模型编辑'
+    //       },
+    //       {
+    //         code: 'img_04editpc@2x',
+    //         name: '编辑模型-PC端模型编辑'
+    //       },
+    //       {
+    //         code: 'img_07share@2x',
+    //         name: '上传分享'
+    //       }
+    //     ]
+    //   },
       {
         name: '视频教程',
-        sub: '快速上手以及详细教学',
         items: [
           {
-            code: 'img_guide01@2x',
-            name: '快速上手指南'
+            code: 'jiqiao-10',
+            name: '快速上手'
           },
           {
-            code: 'img_guide02@2x',
-            name: '完整版操作指南'
-          }
-        ]
-      },
-      {
-        name: '功能教学',
-        sub: '功能模块拆解分段学习',
-        items: [
-          {
-            code: 'img_01getready@2x',
-            name: '使用前准备'
-          },
-          {
-            code: 'img_03shotstep@2x',
-            name: '拍摄流程'
-          },
-          {
-            code: 'img_08shotmode@2x',
-            name: '拍摄方式'
-          },
-          {
-            code: 'img_05point@2x',
-            name: '点位调整功能'
-          },
-          {
-            code: 'img_06video@2x',
-            name: '球幕视频功能'
-          },
-          {
-            code: 'img_02editmb@2x',
-            name: '编辑模型-手机APP端模型编辑'
-          },
-          {
-            code: 'img_04editpc@2x',
-            name: '编辑模型-PC端模型编辑'
-          },
-          {
-            code: 'img_07share@2x',
-            name: '上传分享'
-          }
-        ]
-      },
-      {
-        name: '拍摄技巧',
-        items: [
-          {
             code: 'jiqiao-1',
             name: '开箱指引'
           },

pc/src/store/language/home_en.js

@@ -253,55 +253,100 @@ export default {
   },
   videoCourse: {
     content: [
+      // {
+      //   name: 'Video Course',
+      //   sub: 'Quick Start and Detailed Teaching',
+      //   items: [
+      //     {
+      //       code: 'img_guide01@2x',
+      //       name: 'Quick Start Course'
+      //     },
+      //     {
+      //       code: 'img_guide02@2x',
+      //       name: 'Full Version Course'
+      //     }
+      //   ]
+      // },
+      // {
+      //   name: 'Segmented Instruction',
+      //   sub: 'Function Segemented Instruction',
+      //   items: [
+      //     {
+      //       code: 'img_01getready@2x',
+      //       name: 'Preparation before Use'
+      //     },
+      //     {
+      //       code: 'img_03shotstep@2x',
+      //       name: 'Shooting Process'
+      //     },
+      //     {
+      //       code: 'img_08shotmode@2x',
+      //       name: 'Shooting Method'
+      //     },
+      //     {
+      //       code: 'img_05point@2x',
+      //       name: 'Spot Adjustment Function'
+      //     },
+      //     {
+      //       code: 'img_06video@2x',
+      //       name: 'Panoramic Video Function'
+      //     },
+      //     {
+      //       code: 'img_02editmb@2x',
+      //       name: 'Mobile APP Model Editing'
+      //     },
+      //     {
+      //       code: 'img_04editpc@2x',
+      //       name: 'PC Model Editing'
+      //     },
+      //     {
+      //       code: 'img_07share@2x',
+      //       name: 'Upload and Share'
+      //     }
+      //   ]
+      // },
       {
         name: 'Video Course',
-        sub: 'Quick Start and Detailed Teaching',
         items: [
           {
-            code: 'img_guide01@2x',
+            code: 'jiqiao-10',
             name: 'Quick Start Course'
           },
           {
-            code: 'img_guide02@2x',
-            name: 'Full Version Course'
-          }
-        ]
-      },
-      {
-        name: 'Segmented Instruction',
-        sub: 'Function Segemented Instruction',
-        items: [
+            code: 'jiqiao-1',
+            name: '开箱指引'
+          },
           {
-            code: 'img_01getready@2x',
-            name: 'Preparation before Use'
+            code: 'jiqiao-2',
+            name: '连接设备'
           },
           {
-            code: 'img_03shotstep@2x',
-            name: 'Shooting Process'
+            code: 'jiqiao-3',
+            name: '场景拍摄'
           },
           {
-            code: 'img_08shotmode@2x',
-            name: 'Shooting Method'
+            code: 'jiqiao-4',
+            name: '路线规划'
           },
           {
-            code: 'img_05point@2x',
-            name: 'Spot Adjustment Function'
+            code: 'jiqiao-5',
+            name: '关联点位'
           },
           {
-            code: 'img_06video@2x',
-            name: 'Panoramic Video Function'
+            code: 'jiqiao-6',
+            name: '球幕视频'
           },
           {
-            code: 'img_02editmb@2x',
-            name: 'Mobile APP Model Editing'
+            code: 'jiqiao-7',
+            name: '上传分享'
           },
           {
-            code: 'img_04editpc@2x',
-            name: 'PC Model Editing'
+            code: 'jiqiao-8',
+            name: '浏览场景'
           },
           {
-            code: 'img_07share@2x',
-            name: 'Upload and Share'
+            code: 'jiqiao-9',
+            name: '多楼层拍摄'
           }
         ]
       }