# 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';
```