view-img

0.0.5 • Public • Published

view-img for vue.js

a component for mobile preview img with hammerjs. support move and zoom

demo

Usage

A.Globally

// in your app entry
import ViewImg from 'view-img'
Vue.use(ViewImg)
 
// then in your templete write
// <view-img :show="show" :img='img' @hide='hide'></view-img>

B.Single

// in your component
import {ViewImg} from 'img-view'
export default {
  components: {
    'view-img': ViewImg
  }
}

Properties

property required type default description
show true Boolean false if the model display
img true String '' the image url will show

Events

name required description
hide true the event for click the model, you can hide the model with this event

References

hammer

Readme

Keywords

Package Sidebar

Install

npm i view-img

Weekly Downloads

4

Version

0.0.5

License

MIT

Last publish

Collaborators

  • newming