<!--
 * @Description: 课程视频
 * @Author: 空白格
 * @Date: 2022-08-16 13:29:35
 * @LastEditors: 空白格
 * @LastEditTime: 2022-08-16 16:19:52
 * @FilePath: \veterans_client_web\src\views\SkillTraining\CourseVideo\CourseVideoIndex.vue
 * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
-->
<template>
  <div class="app-main course-video">
    <div class="course-video-breadcrumb">
      <div class="app-main-box course-video-breadcrumb-box">
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/skilltraining' }">技能培训</el-breadcrumb-item>
          <el-breadcrumb-item>课程视频</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
    </div>
    <div class="course-video-header">
      <div class="app-main-box course-video-header-box">22222</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "CourseVideoIndex",
  data() {
    return {};
  },
  created() {
    console.log(this.$router);
  }
};
</script>

<style lang="scss" scoped>
.course-video {
  &-breadcrumb {
    background-color: #43565f;
    height: 57px;
    &-box {
      margin: 0 auto;
      :deep(.el-breadcrumb) {
        height: 57px;
        line-height: 57px;
      }
      :deep(.el-breadcrumb__inner) {
        color: #fff;
        font-size: 20px;
      }
      :deep(.el-breadcrumb__separator) {
        color: #fff;
        font-size: 20px;
      }
      :deep(.el-breadcrumb__inner.is-link) {
        font-weight: normal;
      }
    }
  }
  &-header {
    background: #181c1e;
    &-box {
      margin: 0 auto;
    }
  }
}
</style>
