Previewer 图片预览 APP
该方法或组件支持移动端小程序调用

PC
该方法或组件支持桌面端小程序调用

通过操作少量的 dom 元素进行大量图片的预览。

引入方式

数字生活小程序工程中，不需要 import，直接使用组件标签即可。

import { Previewer } from '@21cnfe/vui'  
Vue.component('Previewer', Previewer)

Previewer 图片预览 previewers

基本用法 data 为传入的图片数据对象数组，通过修改 visible 属性控制组件显示

<Previewer
  dots 
  :data="data" 
  :selectIndex="selectIndex" 
  :visible.sync="visible" 
  @onClose="handleClose" 
  @onChange="handleChange" 
/>

属性	说明	类型	默认值
`data`	传入的数据数组	Array	`--`
`loop`	是否循环预览图片	Boolean	`false`
`visible`	控制预览组件的显示	Boolean	`false`
`selectedIndex`	手动设置当前显示的索引	Number	`0`
`dots`	是否显示面板指示器，当图片少于九张时显示圆形指示器，超出九张显示数字指示器	Boolean	`false`