0.2.1 • Published 4 years ago
owl-preview-image v0.2.1
preview-image
Vue 图片预览组件
现在组件已更名为
fox-preview-image安装
npm i owl-preview-image # or yarn add owl-preview-image
安装
npm i owl-preview-image
# or
yarn add owl-preview-image引入组件
import owlPreviewImage from "owl-preview-image";
Vue.use(owlPreviewImage)基础使用
<owl-preview-image v-model="visiable" :src="imageSrc" width="90vw" height="90vh" z-index="9000"></owl-preview-image>演示地址
API
| 属性 | 说明 | 参数类型 | 默认值 |
|---|---|---|---|
| src | 预览图片的地址 | String | - |
| visiable/v-model | 是否显示预览窗口 | Boolean | false |
| width | 预览窗口的宽度 | String | 100vw |
| height | 预览窗口的高度 | String | 100vh |
| z-index | 预览窗口的层级-css 的 zIndex | Number | 9000 |
更新日志
v0.1.7
- fix: 修复当路由切换时，由组件添加的元素为销毁的 bug
v0.2.0
- feat: 预览图片默认设置在中央位置