Vue 图片预览组件
vue2.x 请使用 @1.x 版本
npm i fox-preview-image
# or
yarn add fox-preview-image
# or
pnpm add fox-preview-image
import foxPreviewImage from 'fox-preview-image'
import 'fox-preview-image/lib/style.css'
Vue.use(foxPreviewImage)
<fox-preview-image v-model="visiable" :src="imageSrc" z-index="9000"></fox-preview-image>
属性 | 说明 | 参数类型 | 默认值 |
---|---|---|---|
src | 预览图片的地址 | string/string[] |
- |
modelValue/v-model | 是否显示预览窗口 | boolean |
false |
initial-index | 默认显示图片的下标 | number |
0 |
z-index | 预览窗口的层级-css 的 zIndex | number |
9000 |
showToolbar | 控制 toolbar 的显示和隐藏 | boolean |
true |
Feat:
showToolbar
属性,用于控制工具栏的显示和隐藏Refactor:
Feat:
.mjs
Feat:
Fix:
Feat:
Feat:
Feat:
Refactor:
Fix:
Feat:
feat:
Fix:
Fix:
Feat: