Initial commit
This commit is contained in:
13
src/pages/lightbox/lightbox.html
Normal file
13
src/pages/lightbox/lightbox.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-buttons left>
|
||||
<button ion-button icon-only (tap)="close($event)">
|
||||
<ion-icon name="arrow-back"></ion-icon>
|
||||
</button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content (click)="close($event)">
|
||||
<img [src]="this.image">
|
||||
</ion-content>
|
||||
3
src/pages/lightbox/lightbox.scss
Normal file
3
src/pages/lightbox/lightbox.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
page-lightbox {
|
||||
|
||||
}
|
||||
20
src/pages/lightbox/lightbox.ts
Normal file
20
src/pages/lightbox/lightbox.ts
Normal file
@@ -0,0 +1,20 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { NavController, NavParams } from 'ionic-angular';
|
||||
|
||||
@Component({
|
||||
selector: 'page-lightbox',
|
||||
templateUrl: 'lightbox.html'
|
||||
})
|
||||
|
||||
export class LightboxPage {
|
||||
|
||||
image: string;
|
||||
|
||||
constructor(public navCtrl: NavController, private navParams: NavParams) {
|
||||
this.image = navParams.get('image');
|
||||
}
|
||||
|
||||
close(event) {
|
||||
this.navCtrl.pop();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user