各位觀眾老爺大家好,歡迎收看內褲總動員之程序猿的IT程序大講堂,今天給大家根據上次的分享內容，ionic安裝完后的繼續。
今天呢就給大家介紹一下我們ionic創建的項目的文件內容的介紹啊，和給大家做一些小玩意。
首先我們先來看一下我們項目的文件路徑和一些我們常用的文件。
那么接下來給大家介紹一下，我們如何找到我們所看到的頁面，他們的位置在哪里？
首先我們來看第一頁
那么 我們的第二個頁面，想必大家也知道如何去找到了吧。沒錯了，我們接著看第二個選項的頁面啊。
第三個頁面，我直接放圖了，老套路。
導航欄的更改方式
現在既然我們已經都知道我們每個頁面的顯示的html文件了，那么如何更改我們的導航欄呢。
下面我們來看一下這個文件。
這個文件就是我們的導航欄文件。
那么接下來我們就來看一下這個文件中如何定義的。
首先我們先看第一行，這個tabs標簽就是把我們所有的導航欄都包裹在內，他算是一個大盒子，包裹導航欄的。
那么我們來看第一個導航欄。
第一個導航欄tab中包括一個屬性 title， 他是標題的意思。
那么接著往下看，icon-off 這個是 未被選中時候的圖標。這個什么意思呢，我們來看圖片。
這個就是當我點擊別的導航按鈕的時候，我們這個第一個導航欄的圖標的顯示情況。這個就是未被選中時候的圖標。
那么接著往下看啊，icon-on 這個是被選中時候的圖標，這個就是當我們點擊時所展示的圖標。
現在呢，我就開始更改我的圖標咯。
首先呢，ionic他有他的官方文檔，在其中他有她自有的一些圖標樣式。官方圖標鏈接地址
我們現在先更改一下圖標試一下。
我隨便選擇一個小房子的圖標啊，看到下面有一個類名叫 ion-home, 復制過來。
寫在我們icon-on中，而off 我直接復制旁邊的那個白色的房子的類名，并寫入。
然后頁面刷新看一下圖標。
怎么樣，現在明白如何更改導航欄的圖標了吧。文字呢，直接在title的屬性里面更改你想要的名字就哦了。所以關于導航欄的更改樣式就先給大家介紹到這里啊。下一節我在給大家解釋一些其他的屬性。如有問題的可以踴躍撕逼啊。
