0.0.2 • Published 2 years ago
lmuy-image-view v0.0.2
全屏显示图片组件
基于 vue3.0+typescript 封装的全屏显示图片插件,支持拖动、放大和缩小全屏展示图片。
安装
npm install lmuy-image-view --save
使用
// main.ts
import imageView from 'lmuy-image-view'
createApp(App).use(imageView).mount('#app')
// 页面中
<lmuy-image-view
:src="src"
:show-picture="item.dialogVisible"
@update:show-picture="closeImage"/>
可接收参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
src | 图片位置 | string | -- | -- |
show-picture | 是否展示 | boolean | true/false | -- |
@update:show-picture | 关闭弹窗对应方法 | function | -- | -- |