## 组件名：首页线上培训组件 ### 作者：毛涛 ### 效果：  ### 使用方式： ``` <videoList         :list="videoList"         :init-data="oVideo"         :media-extra-data="mediaExtraDataTraining"         @training:click="handleTrainingItem"       /> ### 引用文件： import videoList from './index/video-list.vue' ### 数据格式： data() { return { videoList: [{ imgUrl:'http://via.placeholder.com/328x184', actived:false, title:'手工艺术 ', date:'2020-11-04 10:10:10', numbers:'6688'// 学习人数统计       }, { imgUrl:'http://via.placeholder.com/328x184', actived:false, title:'手工艺术 ', date:'2020-11-04 10:10:10', numbers:'6688'// 学习人数统计       }, { imgUrl:'http://via.placeholder.com/328x184', actived:false, title:'手工艺术 ', date:'2020-11-04 10:10:10', numbers:'6688'// 学习人数统计       }, { imgUrl:'http://via.placeholder.com/328x184', actived:false, title:'手工艺术 ', date:'2020-11-04 10:10:10', numbers:'6688'// 学习人数统计       }], mediaExtraDataTraining: [{ icon:'el-icon-reading', // 字体图标 label:'', value:'numbers', // 学习人数统计 字段名 suffix:'人学习'         }], oVideo: { imgUrl:'http://via.placeholder.com/328x184', actived:false, title:'手工艺术 ', date:'2020-11-04 10:10:10', numbers:'6688'// 学习人数统计       } } } ``` ### 参数： | 参数 | 作用 | 类型 | 默认 | 是否必传 | 属性 | | --- | --- | --- | --- | --- | --- | | videoList|  列表数据 |  Array |  |  是 |   | | oVideo | 最大展示数据 |  Object| |  是 |   | ### 事件 | 事件 |说明 | | --- | --- | | training:click | 列表点击事件 |