近期項目有個需求,要掃碼查看圖片和地圖,既然是手機端,又沒什么交互,那就還是用ionic/Angular來開發吧
從其它項目里把文件夾拷過來,node_module文件夾保留,把其它項目的業務邏輯和界面刪除,保存公共的部份,tab分成圖片查看和地圖瀏覽,空框架跑起來正常
1、node_module,用npm install跑一下有些警告,但還是能用
2、圖片直接用<img>或<ion-img>只能普通展示,不支持雙擊放大或手指縮放,還有這種事?
3、網上找了半天,有個叫【ionic-img-viewer】的插件可以用於查看圖片。使用倒是方便,直接<img>標簽增加 imageViewer 屬性即可,安裝后,報各種JS錯
4、看提示像是版本不對,各種降版本后正常了,就一個普通的點擊查看,帶遮罩,總算能支持手指縮放了。但--prod的發布版本又不行了,也是報各種版本錯。。。
5、一個個嘗試版本,折騰了半天(忘了具體是哪些版本對應),最后終於可以了,也是一步步看着版本報錯的提示
6、地圖瀏覽頁面,網上有個貼子(忘了地址),里面有現成的百度、高德、谷歌地圖demo,就是ionic的,直接復制粘貼過來就可以了,去選一下百度上的地址,復制下經緯度,在JS里賦值就行了,以后也是把后台的經緯度取出來就行。
本想總結下的,一時也沒什么特別好寫的,大概就是ionic快速開發一個手機端小的交互應用,還是很方便的,做出來有模有樣,夠用了,部署也方面(就是靜態的html和JS等),就是版本有些折騰人。