標籤(Badge) – Ionic教學

By | 2018-12-22

­一、開發環境

作業系統:Windows 10 64位元

框架版本:Ionic 4

二、使用步驟

­創建Ionic專案

首先,打開命令提示字元,使用cd指令切換至你要使用的資料夾中,接著輸入以下指令(觀看其他APP類型)

create_ionic_project

 接著,系統會問你是否要使用AppFlow,這裡選n即可。

create_ionic_appflow

若你看到上面的畫面後,表示創建成功了。

­使用ion-bage語法

首先,使用你慣用的文字編輯器,打開 badge(專案資料夾) >> src >> app >> home >> home.page.html

ionic結構

在home.page.html首面中,加入以下的語法。

存檔後,再使用命令提示字元,切換到專案的資料夾,使用ionic serve指令,啟動APP,執行結果如下

badge_example

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *