fancybox 图片灯箱

fancybox 是基于 @fancyapps/ui 的图片灯箱组件，用于展示图片画廊。

基础用法

<template>
  <fancybox>
    <a data-fancybox="gallery" href="https://example.com/image1.jpg">
      <img src="https://example.com/thumb1.jpg" />
    </a>
    <a data-fancybox="gallery" href="https://example.com/image2.jpg">
      <img src="https://example.com/thumb2.jpg" />
    </a>
  </fancybox>
</template>

Props

参数	说明	类型	默认值
options	Fancybox 配置项	Object	{ Carousel: { infinite: true }, Images: { initialSize: 'fit' }, Thumbs: { type: 'classic' } }

Slots

插槽名	说明
default	包含 data-fancybox 属性的图片链接元素