owl-preview-image

    0.2.1 • Public • Published

    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>
    

    演示地址

    GITHUB

    码云

    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: 预览图片默认设置在中央位置

    Install

    npm i owl-preview-image

    DownloadsWeekly Downloads

    10

    Version

    0.2.1

    License

    MIT

    Unpacked Size

    614 kB

    Total Files

    10

    Last publish

    Collaborators

    • avatar