ionic2 + cordova 应用-导航
程序员文章站
2022-05-31 08:26:01
...
5.1 页面跳转隐藏底部tabs(欢迎加入Q群一起学习讨论657185219)
看下面俩种方式跳转(paipai.ts)
import { App,NavController } from 'ionic-angular'; export class PaipaiPage { constructor( public app: App, public navCtrl: NavController) { } this.navCtrl.push(LoginPage, {});//正常跳转 //this.app.getRootNav().push(LoginPage, {});//隐藏底部的tabs
5.2 页面跳转页面传值
paipai.ts 向下个页面传递id
this.navCtrl.push(LoginPage, {"id":5});login.ts 获取参数值
//引入NavParams import { NavController,NavParams, ToastController } from 'ionic-angular'; export class LoginPage { id : number; local: Storage; constructor( public navCtrl: NavController, public navParams: NavParams, private formBuilder: FormBuilder, public toastCtrl: ToastController, private userInfoService: UserInfoService, private storageService: StorageService) { //NavParams 取值 this.id = navParams.get("id"); } }
5.2 自定义图标
5.2.1 打开阿里图标官网
5.2.2 到库里设置图标(设置俩个颜色)
5.2.3 项目内设置css
IOS要设置俩个css(没试过,参考他人要价格outline后缀的)然后加入图标到tabs.html
<ion-tab [root]="mineRoot" tabTitle="z" tabIcon="zhifubao"></ion-tab>