溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Gallery Modal可以理解為相冊的預覽界面?？梢燥@示網(wǎng)絡圖片，也可以顯示base64Image。
在這個例子中，我用來實現(xiàn)圖片的預覽功能。
相機拍照，或者相冊選擇圖片后，用縮略圖組件顯示縮略圖，點擊縮略圖可以預覽大圖。
組件特性：
參考地址：https://github.com/nikini/ionic-gallery-modal
1）安裝包：
npm install ionic-gallery-modal --save
2）在app.module.ts中添加：
import { GalleryModal } from 'ionic-gallery-modal';
import { ZoomableImage } from 'ionic-gallery-modal';
3）在你的頁面中直接使用ModalController來展示：
注意photos數(shù)組里面，加上url屬性，默認格式為Array[{ url: string }],否則組件找不到url。
initialSlide是默認加載的圖片的索引，不要超出索引范圍。
效果如下：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
