ionic3頂部tabs點選切換功能

2021-09-11 04:04:09 字數 732 閱讀 4052

1、新建專案,ionic start demo tabs ,選擇在home頁面做這個功能

2、在home.html頁面:

home  }

頁面1頁面2

home.ts檔案中:

import  from '@angular/core';

import from 'ionic-angular';

@component()

export class homepage

ngoninit()

this.slides = ['頁面1', '頁面2']

} onclick(index)

}

home.scss中:

import  from '@angular/core';

import from 'ionic-angular';

@component()

export class homepage

ngoninit()

this.slides = ['頁面1', '頁面2']

} onclick(index)

}

最終展示的效果如圖:

全部**在碼雲:

ionic3 常用指令

npm install 安裝依賴 npm install g cnpm registry 映象源指向 cnpm install g cordova ionic 安裝cordova ionic cnpm update g cordova ionic 更新cordova ionic ionic help...

安裝使用ionic3

1 安裝ionic3 npm install g ionic latest 2 建立ionic3專案 ionic start mynewproject blank 3 啟動ionic3專案 cd mynewproject ionic serve 4 以cordova的方式啟動專案 如果 中使用了io...

Ionic3使用protobuf教程

1.ionic3 專案使用protobuf請參考nodejs使用protobuf和protobuf官網 2.使用步驟如下 1 在命令列輸入 nom install protobuf 2 在命令執行完成後,檢視ionic3專案目錄下的package.json內是否有prototbufjs項。3 在需要...