## 組件名：首頁視聽空間組件 ### 作者：毛濤 ### 效果：  ### 使用方式： ``` <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 | 列表點擊事件 |