https://github.com/guojikun/carousel

vue轮播图组件
https://github.com/guojikun/carousel

carousel carousel-item carousel-slider component vue

Last synced: about 1 month ago
JSON representation

vue轮播图组件

• Host: GitHub
• URL: https://github.com/guojikun/carousel
• Owner: GuoJikun
• License: mit
• Created: 2020-09-08T09:11:20.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-08T09:53:44.000Z (over 4 years ago)
• Last Synced: 2024-10-18T03:08:17.478Z (3 months ago)
• Topics: carousel, carousel-item, carousel-slider, component, vue
• Language: Vue
• Homepage:
• Size: 179 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# preview-image

Vue 图片预览组件

## 安装

```

npm i fox-preview-image

# or

yarn add fox-preview-image

```

## 引入组件

```

import foxPreviewImage from "fox-preview-image";

Vue.use(foxPreviewImage)

```

## 基础使用

```

```

## 演示地址

[GITHUB](https://guojikun.github.io/preview-image/)

[码云](https://guojikun_admin.gitee.io/preview-image/)

## API

| 属性             | 说明                         | 参数类型     | 默认值 |

| ---------------- | :--------------------------- | :----------- | :----- |

| src              | 预览图片的地址               | String/Array | -      |

| visiable/v-model | 是否显示预览窗口             | Boolean      | false  |

| z-index          | 预览窗口的层级-css 的 zIndex | Number       | 9000   |

## 更新日志

### v1.0.0

-   feat:

    -   旋转

    -   放大，缩小（0.5-2）

    -   多张图片可以传数组 eg：['http://xxxx.com/a.png','http://xxxx.com/b.png']

### v1.0.1

-   fix:

    -   修复拖拽时图片未完全跟随鼠标的 bug

### v1.0.2

-   fix:

    -   修复当预览的图片为 1 张时扔显示左右切换按钮的问题

### v1.1.0

-   feat：

    -   增加缩放倍数显示