valaxy-addon-lightgallery v0.0.3

valaxy-addon-lightgallery

• English | 简体中文

valaxy-addon-lightgallery 基于 lightgallery 提供画廊预览效果。

如何使用

安装依赖

npm i valaxy-addon-lightgallery

加载插件

import { defineValaxyConfig } from 'valaxy'
import { addonLightGallery } from 'valaxy-addon-lightgallery'

export default defineValaxyConfig({
  addons: [
    addonLightGallery(),
  ],
})

在文章中直接使用

直接在 Markdown 中插入组件即可。

---
photos:
  - caption: 我
    src: https://cdn.jsdelivr.net/gh/YunYouJun/yun/images/meme/yun-good-alpha-compressed.png
    desc: 我想起那天夕阳下的奔跑
---
<!-- 相册样式 -->
<VAGallery :photos="frontmatter.photos" />

<!-- 你也可以单独使用照片的样式 -->
<VAPhoto :photo="frontmatter.photos[0]" />