- 快速开始
- REPL
- 基本
- Icons 示例
- Button 示例
- 表单
- Input 示例
- Textarea 示例
- Radio 单选框
- Checkbox 多选框
- Switch 示例
- Select 示例
- Cascader 示例
- Form 示例
- Upload 示例
- date-picker 示例
- Drag 拖动排序
- data 数据
- Table 表格
- Tree 树形控件
- SelectTree 树形选择控件
- Pagination 分页
- progress 示例
- Empty 空状态
- 提示
- Loading 示例
- MessageBox 示例
- Dialog 示例
- Alert 示例
- Notice 示例
- 导航 Navigation
- Tabs 标签页
- NavMenu 导航菜单
- Breadcrumb 面包屑
- 其它 Others
- Clock 示例
- Drawer 示例
- Collapse 示例
- Scrollbar 示例
- Carousel 示例
- CountTo 示例
- PreviewImage 示例

## PreviewImages 预览图片

### 基础用法

预览多图

    import { previewImages } from '@brewer/beerui'
    const list = ['/images/1.jpg', '/images/2.jpg', '/images/3.jpg', '/images/4.jpg', '/images/5.jpg', '/images/6.jpg']
    const clickImage = (src: string) => {
    	const p1 = previewImages(src, list)
    	// 调用方法 监听图片的改变
    	p1.watchHandle(res => console.log(res))
    }

    {#each list as item}
    	<img class='demo-list-image' on:click={() => {clickImage(item)}} src={item} alt=''>
    {/each}

显示代码

### 预览一张图

    import { previewImages } from '@brewer/beerui'

    <img class='demo-list-image' on:click={() => {previewImages('/images/7.jpg')}} src='/images/7.jpg' alt=''>

显示代码

### Attributes

参数 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
src | 当前需要展示图片的src | string | - | ''
list | 需要展示图片的src数组 | Array | - | []

### Events

事件名称 | 说明 | 回调参数
--- | --- | ---
cb | 图片切换后 监听的回调 | ''