image-view

vue image view component

install component

$ npm install v-image-view --save-dev

check Demo

# clone code
$ git clone https://github.com/relign/v-image-view.git

# install dependencies
$ npm install v-image-view --save-dev

# dev mode
$ npm run dev

Attributes

参数 | 说明 | 类型 | 可选值 | 默认值 ------------- | ------------------------------------------------------------------ | -------------- | -------------------------------- | ----- imgWidth | 图片宽 | Number | -- | 100 imgHeight | 图片高 | Number | -- | 100 emptyMessage | 无图片时展示文案 | String | -- | -- viewTitle | 预览图片时是否展示图片名 | Boolean | -- | true imgUrl | 图片url | String | -- | -- viewUrl | 预览图片url | String | -- | -- viewFullscreen | 是否支持图片全屏预览 | Boolean | -- | false viewToolbar | 是否显示图片工具栏 | Boolean | -- | true viewNavbar | 预览时是否展示缩略图 | Boolean | -- | false multipleImage | 支持多图预览 | Boolean | -- | false viewOptions | options设置,详细见viewerjs | Object | -- | --

更多设置见viewerjs