vue.js图片处理组件_Vue.js的简单图片/视频灯箱组件。

vue.js图片处理组件

Vue更大！ (Vue It Bigger!)

A simple image / video lightbox component for Vue.js. Based on vue-image-lightbox.

Vue.js的简单图片/视频灯箱组件。 基于vue-image-lightbox。

View Demo 查看演示 View Github 查看Github

特征 (Features)

• Unobtrusive interface that disappears after a few seconds, reappears on mouse activity

  几秒钟后消失的不显眼的界面会在鼠标活动时重新出现

• Optional thumbnail strip with all of the gallery's media

  画廊所有媒体的可选缩略图条

• Can show an HTML enabled caption under each image or video

  可以在每个图像或视频下方显示启用HTML的标题

• Can play the slideshow automatically

  可以自动播放幻灯片

• All of the graphics (previous, next and close buttons) can be customized via slots

  可以通过插槽自定义所有图形(上一个，下一个和关闭按钮)

• Can skip to next / previous media programatically

  可以以编程方式跳到下一个/上一个媒体

对vue-image-lightbox的改进 (Improvements over vue-image-lightbox)

• Lightbox opens and closes with a short fade

  灯箱以淡入淡出的方式打开和关闭

• Media's width is no longer limited

  介质的宽度不再受限制

• When opening the lightbox the media doesn't flicker

  打开灯箱时，媒体不会闪烁

• Moved caption bar and image counter off the media to the bottom of the screen

  将标题栏和图像计数器从媒体移至屏幕底部

• Moved thumbnails to the top of the screen

  将缩略图移到屏幕顶部

• All interface elements have a background for better visibility

  所有界面元素都有背景，以提高可见性

• Simpler CSS

  更简单CSS

安装 (Installation)

NPM /纱线 (NPM / Yarn)

Install the package:

<