Vue.js应用程序的一个小巧，光滑，跨平台的灯箱画廊组件。

变更日志：

v1.3.0（07/12/2020）

• 添加上一个，下一个，关闭事件

v1.2.0（06/27/2020）

• 固定的正则表达式掩码数组

安装和下载：

# Yarn
$ yarn add vue-tinybox

# NPM
$ npm install vue-tinybox --save

如何使用它：

1.安装并导入vue-tinybox组件。

import Tinybox from "vue-tinybox";

2.注册组件。

Vue.component('Tinybox', Tinybox);
//or
Vue.use(Tinybox);
//or
new Vue({
    components: { Tinybox },
    // ... 
});

3.在模板中创建一个灯箱组件。

<Tinybox v-model="index" :images="images"></Tinybox>
<img
  v-for="(img, idx) in images"
  :src="img.thumbnail"
  :alt="img.alt"
  class="open-tinybox"
  @click="index = idx"
>

new Vue({
    components: { Tinybox },
    el: '#demo-app',
    data: function () {
      return {
        images: [
          {
            src: "1.jpg",
            alt: "Alt 1",
            thumbnail: "thumb-1.jpg"
          },
          {
            src: "2.jpg",
            alt: "Alt 2",
            thumbnail: "thumb-3.jpg"
          },{
            src: "3.jpg",
            alt: "Alt 3",
            thumbnail: "thumb-3.jpg"
          }
        ],
        index: null
      }
    }
});