技能包页面

src/router/index.js

@@ -98,6 +98,14 @@ const routes = [
           title: '技能培训'
         }
       },
+      {
+        path: 'skilltraining/skillpackage',
+        name: 'SkillPackageIndex',
+        component: () => import('@/views/SkillTraining/SkillPackage/SkillPackageIndex.vue'),
+        meta: {
+          title: '技能包'
+        }
+      },
       {
         path: 'coursevideo',
         name: 'CourseVideoIndex',

src/views/SkillTraining/SkillPackage/SkillPackageIndex.vue

@@ -0,0 +1,12 @@
+<!--
+ * @Description: 技能培训 => 技能包
+ * @Author: 空白格
+ * @Date: 2022-08-26 10:41:50
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-26 10:41:53
+ * @FilePath: \veterans_client_web\src\views\SkillTraining\SkillPackage\SkillPackageIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div>技能包</div>
+</template>

src/views/SkillTraining/SkillTrainingIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-11 17:53:41
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-22 11:03:38
+ * @LastEditTime: 2022-08-26 10:46:20
  * @FilePath: \veterans_client_web\src\views\SkillTraining\SkillTrainingIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -30,7 +30,7 @@
             >
               <div
                 class="stcp-list-item"
-                @click="jumpPage('/coursevideo', { id: item.id })"
+                @click="jumpPage('/skilltraining/skillpackage', { id: item.id })"
               >
                 <div class="stcp-list-item-image">
                   <el-image :src="item.img" class="image" fit="cover">
@@ -300,6 +300,7 @@ export default {
       .stcp-list {
         &-item {
           cursor: pointer;
+          margin-bottom: 20px;
           &-image {
             height: 160px;
             padding: 10px 5;