shou-gallery v0.7.0

shou-gallery

一款基于 Vue 媲美原生 App 的简单画廊组件。

示例效果

效果预览1

效果预览2

使用说明

• 仅支持 Vue 项目
• 仅支持 img 节点的动态缩放（可以被节点包裹）
• 适用于 img 节点尺寸被缩小的图片
• 暂不支持 background

使用方式

1. main.js 全局注册

import gallery from 'shou-gallery'

Vue.component('shou-gallery', gallery)

2. // xxx.vue 组件内

<!-- 插槽会自动选择第一个 img元素 作为画廊对象 -->

<shou-gallery>
  <div>
    <img style="width: 150px" src="https://image.sitapix.com/index-thumb/4k-wallpaper-abstract-abstract-expressionism-1266808-via-sitapix-com.jpeg" 
    >
  </div>
</shou-gallery>

版本修订

• v0.4.0 —— 2021-2-3 兼容图片懒加载（画廊移入body）