+
+
+
+
+
+ 
+ Slide 1
+
+
+
+ 
+ Slide 2
+
+
+
+ 
+ Slide 3
+
+
+
+ 
+ Slide 3
+
+
+
+
+
+
+
+ TAB1
+
+
+ TAB2
+
+
+
+
+
+
+
+
+ 
+
+ Ruby
+
+ ...
+
+
+
+
+
+ 
+
+ Luna
+
+ ...
+
+
+ 页面跳转1
+
+
+ 页面跳转2 --传参数
+
+
+ 页面跳转3 --modalcontroller
+
diff --git a/src/pages/ionic-ui/ionic-ui.module.ts b/src/pages/ionic-ui/ionic-ui.module.ts
index 3a560c873f8b2be76bca3b9c02b0322e15d3a4a9..9772ed6ec60d7d4cd46acba4ce45dd0bea94338b 100644
--- a/src/pages/ionic-ui/ionic-ui.module.ts
+++ b/src/pages/ionic-ui/ionic-ui.module.ts
@@ -1,13 +1,13 @@
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { IonicUiPage } from './ionic-ui';
-
+import { UiComponentModule } from "../../components/ui/ui.module";
@NgModule({
declarations: [
IonicUiPage,
],
imports: [
- IonicPageModule.forChild(IonicUiPage),
+ IonicPageModule.forChild(IonicUiPage),UiComponentModule
],
})
export class IonicUiPageModule {}
diff --git a/src/pages/ionic-ui/ionic-ui.scss b/src/pages/ionic-ui/ionic-ui.scss
index 3e89dfb06d9bb6e373e380255130b8e326336e7c..aae0bac9a4f945ff93cacb5bbbc2f8570336df02 100644
--- a/src/pages/ionic-ui/ionic-ui.scss
+++ b/src/pages/ionic-ui/ionic-ui.scss
@@ -1 +1,12 @@
-page-ionic-ui {}
+page-ionic-ui {
+ ion-slides {
+ height: 35vh;
+ ion-slide {
+ height: 100%;
+ img {
+ display: block;
+ height: 100%!important;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/pages/ionic-ui/ionic-ui.ts b/src/pages/ionic-ui/ionic-ui.ts
index 312019e1bab9f97793b105cac5d5edaf44accb9a..3c93aed78922995a41b67e527c7c72e37cffaca7 100644
--- a/src/pages/ionic-ui/ionic-ui.ts
+++ b/src/pages/ionic-ui/ionic-ui.ts
@@ -1,6 +1,10 @@
-import { Component } from '@angular/core';
-import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { Component, ViewChild} from '@angular/core';
+import { IonicPage, NavController, NavParams, ModalController } from 'ionic-angular';
+import { Slides } from 'ionic-angular';
+// import { ModalControllerPage } from "../modal-controller/modal-controller";
+// import { Testpage1Page } from '../testpage1/testpage1';
+// import { Testpage2Page } from "../testpage2/testpage2";
/**
* Generated class for the IonicUiPage page.
*
@@ -14,12 +18,39 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
templateUrl: 'ionic-ui.html',
})
export class IonicUiPage {
-
- constructor(public navCtrl: NavController, public navParams: NavParams) {
+ tab: string = "tab1"
+ msg: any = "这是ionicUi 页面的msg"
+ testpage2 ;
+ testpage4 ;
+ constructor(public navCtrl: NavController,
+ public navParams: NavParams,
+ public modalCtrl: ModalController
+ ) {
+ this.testpage2 = "Testpage2Page"; // 使用懒加载时app.module.ts不用引入页面;这里改为加双引号: "SecondPage"
+ this.testpage4 = "Testpage4Page";
}
+ @ViewChild(Slides) slides: Slides;
+
ionViewDidLoad() {
console.log('ionViewDidLoad IonicUiPage');
}
+ ionViewDidEnter() {
+ this.slides.autoplayDisableOnInteraction = false;
+ }
+
+ gotoTestpage1Page() {
+ this.navCtrl.push("Testpage1Page")
+
+ }
+ gotoTestpage3Page() {
+ this.navCtrl.push("Testpage3Page",{
+ ionicmsg:this.msg
+ })
+ }
+ gotomodalcontroller(){
+ let ModalControllerPage = this.modalCtrl.create("ModalControllerPage");
+ ModalControllerPage.present();
+ }
}
diff --git a/src/pages/modal-controller/modal-controller.html b/src/pages/modal-controller/modal-controller.html
new file mode 100644
index 0000000000000000000000000000000000000000..1212671f94bdf82b62aa5c7de7a3f98458f3ae77
--- /dev/null
+++ b/src/pages/modal-controller/modal-controller.html
@@ -0,0 +1,20 @@
+
+