Thanks to visit codestin.com
Credit goes to github.com

Skip to content

vue 组件 js 图片查看 点击预览大图 并下载高清大图到本地

qiyubu/previewImg

Repository files navigation

preview_imgs

js preview images

vue 2.5.2 版本 vue组件 实现点击预览大图功能,点击下载图片功能(不兼容IE,适用于PC端) 内部代码可实现点击图片旋转效果,在本处无用,故注释掉,如有需要可打开调整

使用地址 http://class.h3c.com/#/theme

使用方法

<BigImg :data="imgList"></BigImg>

 import BigImg from '../components/previewImg.vue'
  import mallHeader from '../components/cHeader.vue'
  import mallFooter from '../components/cFooter.vue'

  export default {
    data () {
      return {
        imgList: [
          {path: 'http://ppt.h3c.com:5005/static/img/theme/theme1.jpg'},
          {path: 'http://ppt.h3c.com:5005/static/img/theme/theme2.jpg'},
          {path: 'http://ppt.h3c.com:5005/static/img/theme/theme3.jpg'}
        ]
      }
    },
    components: {
      BigImg,
      mallHeader,
      mallFooter
    }
    ```


For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

About

vue 组件 js 图片查看 点击预览大图 并下载高清大图到本地

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages