https://github.com/xty1992a/vue-previewer

https://github.com/xty1992a/vue-previewer

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/xty1992a/vue-previewer
• Owner: xty1992a
• Created: 2018-07-05T07:46:02.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-29T02:42:49.000Z (over 6 years ago)
• Last Synced: 2024-04-23T16:43:33.922Z (10 months ago)
• Language: Vue
• Size: 51.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
##vue-previewer

###一个基于vue的图片预览插件.

#### 安装 `npm i @redbuck/vue-preview`

#### 使用 `import Previewer from '@redbuck/vue-preview'`

```

```

### [DEMO](https://xty1992a.github.io/view/preview/#/)

#### props

  

    

        名称

        功能

        默认值

        类型

        可选值/说明

    

  

 

        src

        图片的地址

        无

        String

        url 地址 || base64 || blob

    

 

        size

        容器的大小

        wrap

        String

        实际上是容器的类名,wrap表示由父容器决定

    

 

        ratio

        小窗与容器的比例

        0.5

     Number

        默认缩放比例

    

 

        scale

        预览窗口与容器的比例

        1

     Number

        number

    

 

        ratioRanger

        允许用户缩放的范围

        1,9

     String

        逗号分隔的两个小于10的值