## 組件名：資訊組件 ### 作者：毛濤 ### 效果：  ### 使用方式： ``` <hs-media-list :data="newsList" ?:init-data="oNews"??@image:click="handleClick"?@list:click="handleListClick" /> ### 引用文件： import hsMediaList from'./index/hs-media-list.vue' ### 數據格式： data()?{ return?{ newsList:?[{ imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618898130051.png', id:593, date:'2021-04-20', desc:'測試圖文', title:'測試圖文', actived:true, subtitle:'' ??},{ imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618973084087.png', id:614, date:'2021-04-20', desc:'測試', title:'測試123', actived:false, subtitle:'' ????????}], oNews:?{ imgUrl:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618898130051.png', id:593, date:'2021-04-20', desc:'測試圖文', title:'測試圖文', actived:true, subtitle:''} ????} ??} ``` ### 說明： 組件內有插槽，可加自定義，數據不傳不顯示 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | |???data|??列表數據?|??Array?|??|??是?|???| |???init-data|??圖片顯示數據?|??Object?|??|??是?|???| ### 事件 | 事件 |說明 | | --- | --- | | image:click | 左邊圖片點擊事件 | | list:click | 右邊列表點擊事件 |