[Tutorial] update images

phodal · May 25, 2017 · 213acaa · 213acaa
1 parent 793cf92
commit 213acaa
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/src/assets/images/growth-ebook.jpeg b/src/assets/images/growth-ebook.jpeg
diff --git a/src/pages/tutorial/tutorial.html b/src/pages/tutorial/tutorial.html
@@ -9,13 +9,27 @@
 <ion-content no-bounce>
   <ion-slides #slides (ionSlideWillChange)="onSlideChangeStart($event)" pager>
     <ion-slide>
-      <img src="assets/img/ica-slidebox-img-1.png" class="slide-image"/>
+      <img src="assets/images/growth-ebook.jpeg" class="slide-image"/>
       <h2 class="slide-title">
         Growth 纸质版已上架
       </h2>
       <p>
         可在各大网站购买《全栈应用开发：精益实践》。
       </p>
     </ion-slide>
+    <ion-slide>
+      <img src="assets/images/graphic.png" class="slide-image slide-image-2">
+      <h2 class="slide-title">
+        下一代 Growth 进入开发
+      </h2>
+      <p>
+        GitHub 地址：<a href="http://github.com/phodal/growth-ng" (click)="openUrl('http://github.com/phodal/growth-ng')">http://github.com/phodal/growth-ng</a>
+      </p>
+
+      <button ion-button icon-right large clear (click)="startApp()">
+        开启我的成长之路
+        <ion-icon name="arrow-forward"></ion-icon>
+      </button>
+    </ion-slide>
   </ion-slides>
 </ion-content>
diff --git a/src/pages/tutorial/tutorial.scss b/src/pages/tutorial/tutorial.scss
@@ -18,6 +18,10 @@ page-tutorial {
     margin: 36px 0;
   }
 
+  img.slide-image-2 {
+    width: 360px;
+  }
+
   b {
     font-weight: 500;
   }

diff --git a/src/pages/tutorial/tutorial.ts b/src/pages/tutorial/tutorial.ts
@@ -2,10 +2,12 @@ import { Component, ViewChild } from '@angular/core';
 import { MenuController, NavController, Slides } from 'ionic-angular';
 import { Storage } from '@ionic/storage';
 import { TabsPage } from '../tabs/tabs';
+import {Helper} from "../../utils/helper";
 
 @Component({
   selector: 'page-tutorial',
-  templateUrl: 'tutorial.html'
+  templateUrl: 'tutorial.html',
+  providers: [Helper]
 })
 
 export class TutorialPage {
@@ -16,7 +18,8 @@ export class TutorialPage {
   constructor(
     public navCtrl: NavController,
     public menu: MenuController,
-    public storage: Storage
+    public storage: Storage,
+    public helper: Helper
   ) {
 
   }
@@ -27,6 +30,10 @@ export class TutorialPage {
     })
   }
 
+  openUrl(url) {
+    this.helper.openLink(url);
+  }
+
   onSlideChangeStart(slider: Slides) {
     this.showSkip = !slider.isEnd();
   }