Nocturnal Pumpkin Maelstrom

    directive-photoswipe

    2.0.4 • Public • Published

    directive-photoswipe

    开箱即用的photoswipe指令

    特点

    零配置开箱即用、适合Markdown

    预览

    请在移动端查看

    demo

    使用方式


    1. 下载
    npm install directive-photoswipe

    或者

    yarn add directive-photoswipe
    1. 引入
    import DirectivePhotoswipe from 'directive-photoswipe'
    1. 注册
    Vue.use(DirectivePhotoswipe)
    1. 使用
    <!-- 只需要在容器中使用 v-photoswipe指令即可 -->
    <!-- 点击容器内图片就会弹出图片画廊 -->
    <div v-photoswipe>
      <img src="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_m.jpg" alt="">
      <img src="https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg" alt="">
    </div>

    ChangeLog

    1. 增加TypeScript支持。
    2. 增加全局配置参数。

    全局配置参数

    全局配置参数请参考photoswipe

    import DirectivePhotoswipe from 'directive-photoswipe'
     
    Vue.use(DirectivePhotoswipe, options)

    CDN

    <!-- 引入文件 -->
    <script src="https://unpkg.com/directive-photoswipe/dist/directive-photoswipe.min.js"></script>

    TODO

    • 配置参数

    Notice

    1. 请勿嵌套使用v-photoswipe指令
    2. DirectivePhotoSwipe使用id为pswp的元素展示PhotoSwipe,请勿占用该ID

    Install

    npm i directive-photoswipe

    DownloadsWeekly Downloads

    1

    Version

    2.0.4

    License

    MIT

    Unpacked Size

    381 kB

    Total Files

    9

    Last publish

    Collaborators

    • alexlees