首页 > 代码库 > Ionic2 UI组件之 ImageViewer
Ionic2 UI组件之 ImageViewer
组件特性:
- 轻触图片可全屏查看
- 手势上下滑动可关闭全屏查看
- 点击导航箭头可关闭视图
- 双击查看全图,并可放大
参考地址:https://github.com/Riron/ionic-img-viewer
==============================================================
1)npm install --save ionic-img-viewer
2)在app.module.ts文件中增加:import { IonicImageViewerModule } from ‘ionic-img-viewer‘;
并且在imports: [] 中增加IonicImageViewerModule;
3)在使用图片的地方增加imageViewer属性,比如:<img src="http://www.mamicode.com/IMAGE_URL" imageViewer />
展示缩略图:<img src="http://www.mamicode.com/IMAGE_URL" imageViewer="OTHER_IMAGE_URL" />
ps:未完待续,此组件在ionic v2.2.0版本适用,升级到目前的v3.3.0会存在问题。等待官方更新
Ionic2 UI组件之 ImageViewer
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。