vue-gallery-viewer

An image viewer base on Vue.js for mobile and PC from img-vuer

0.9.1 function almost complete 0.9.3 β version release 0.9.7 code compression 0.9.18 v-gallery:group -> v-gallery="'group'"

🙆‍♀️ Easy to use 👉 Swipe gesture 🔍 Zoom gesture

Please Use Mobile Browser 😆 live demo

Install

npm i vue-gallery-viewer --save

Usage

// import vue-gallery-viewer and install
import gallery from 'vue-gallery-viewer'
Vue.use(gallery)

// add direact to <img>
<img v-gallery :src="...">

// group images
<img v-gallery:groupName :src="...">
<img v-gallery:groupName :src="...">
<img v-gallery:groupName :src="...">

Development

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Troubleshooting

abnormal with page scale Add meta

<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0, maximum-scale=1">

should not use index as key for component that added v-gallery

License

MIT