## 组件名：首页视听空间组件 ### 作者：毛涛 ### 效果：  ### 使用方式： ``` <hs-live-list      :img-url="titleImgUrl" title-text="首页直播组件"      :list="newsList1" path="http://www.baidu.com"      :o-audio="oAudio"      :active-index="1"       @img:click="handleClick"       @click="liveClick"       /> ### 引用文件： import hsLiveList from'./index/hs-live-list.vue' ### 数据格式： data() { return { newsList1: [ { imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618898130051.png', id:593, date:'2021-04-20', desc:'测试图文', title:'测试图文', titleKey:'测试图文', actived:true, status:1},  { imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618973084087.png', id:614, date:'2021-04-20', desc:'测试', title:'测试123', titleKey:'测试123', actived:false, status:2         }, { imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618982029014.png', id:627, date:'2021-04-21', desc:'222', title:'2', titleKey:'2', status:false         }       ], oNews: { imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618898130051.png', id:593, date:'2021-04-20', desc:'测试图文', title:'测试图文', actived:true, subtitle:''}     }   } ``` ### 参数： | 参数 | 作用 | 类型 | 默认 | 是否必传 | 属性 | | --- | --- | --- | --- | --- | --- | | list|  列表数据 |  Array |  |  是 |   | | img-url|  标题背景图|  string |  |  是 |   | |title-text|  标题|  string |  |  是 |   | | path|  路径地址|  string |  |  是 |   | | o-audio|  中间图数据|  Object|  |  是 |   | ### 事件 | 事件 |说明 | | --- | --- | | image:click | 中间图片点击事件 | | click | 列表点击事件 |