@beisen-phoenix/img-preview-pgb

@beisen-phoenix/img-preview-pgb

Usage no npm install needed!

<script type="module">
  import beisenPhoenixImgPreviewPgb from 'https://cdn.skypack.dev/@beisen-phoenix/img-preview-pgb';
</script>

README

图片预览

@beisen-phoenix/img-preview-pgb

概述

以全屏的形式预览图片

API

参数	说明	类型	默认值	是否必传
files	预览文件列表	IfileItem[]	[]	是
defaultSelected	设置默认选中的图片	number	0	否
download	控制是否显示下载按钮	boolean	true	否
showMask	控制是否显示遮罩层	boolean	true	否
showButtonName	是否显示按钮名字	boolean	true	否
buttonName	按钮名字配置，用于多语言	boolean		否
zIndex	zIndex	number	number	10
onClose	点击关闭按钮的回调	function	()=>{}	是
onDownload	点击下载按钮的回调	function	(IFileItem)=>{}	否