多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 组件名:资讯组件 ### 作者:毛涛 ### 效果: ![](https://img.kancloud.cn/c2/4b/c24baee12049406751a7945cbfaf8f4c_1421x547.PNG) ### 使用方式: ``` <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 | 右边列表点击事件 |