文档首页/ 云消息服务 KooMessage/ 开发指南/ 子组件开发/ 子组件代码示例/ app-preview-image组件
更新时间：2023-02-09 GMT+08:00
查看PDF
分享

app-preview-image组件

HTML

<div class="imgBox preview-element">
<img
class="preview-element"
[src]="item?.src"
[style]="item.style"
// 若图片的动作类型为查看大图，这里使用viewer库实现，开发者请根据实际情况编码
[view]="item?.event?.action === ActionTypes.VIEW_PIC"
(click)="PreviewService.emit(item.event)"
/>
</div>
})

CSS

无。

JavaScript

import { ActionTypes }
import { PreviewService }
// 使用Viewer这个图片查看相关的js库
import Viewer from 'viewerjs';
父主题： 子组件代码示例

相关文档