vue-preview-image-mobile
vue-preview-image-mobile
Vue图片预览插件,只支持移动端
Install
yarn add vue-preview-image-mobile
Use
import PreviewImage from 'vue-preview-image-mobile'
Vue.use(PreviewImage)
this.$previewImage({
urls: [
'https://img.yzcdn.cn/vant/apple-1.jpg',
'https://img.yzcdn.cn/vant/apple-2.jpg',
'https://img.yzcdn.cn/vant/apple-3.jpg',
'https://img.yzcdn.cn/vant/apple-4.jpg'
],
startPosition: 1,
onClose () {
console.log('关闭事件回调')
}
})
Todo
[*] 双击放大缩小功能
Dependencies
core-js: ^3.6.5vue: ^2.6.11@vue/cli-plugin-babel: ~4.5.0@vue/cli-plugin-eslint: ~4.5.0@vue/cli-service: ~4.5.0@vue/eslint-config-standard: ^5.1.2babel-eslint: ^10.1.0eslint: ^6.7.2eslint-plugin-import: ^2.20.2eslint-plugin-node: ^11.1.0eslint-plugin-promise: ^4.2.1eslint-plugin-standard: ^4.0.0eslint-plugin-vue: ^6.2.2less: ^3.0.4less-loader: ^5.0.0lint-staged: ^9.5.0vue-template-compiler: ^2.6.11