uniapp—底部導航欄tabbar

第一步：

　　創建導航欄相關的頁面（在pages.json中添加相應的路徑）

　　

　　

第二步：

　　在pages.json中添加tabbar屬性，把各個頁面聯系到一起

//底部導航
    "tabBar":{
        "color":"#ADADAD",
        "selectedColor":"#FEE42A",
        "backgroundColor":"#FFFFFF",
        "borderStyle":"black",
        "list":[
            {
                "pagePath":"pages/index/index",
                "text":"糗事",
                "iconPath":"static/tabbar/index.png",
                "selectedIconPath":"static/tabbar/indexed.png"
            },
            {
                "pagePath":"pages/news/news",
                "text":"動態",
                "iconPath":"static/tabbar/news.png",
                "selectedIconPath":"static/tabbar/newsed.png"
            },
            {
                "pagePath":"pages/paper/paper",
                "text":"小紙條",
                "iconPath":"static/tabbar/paper.png",
                "selectedIconPath":"static/tabbar/papered.png"
            },
            {
                "pagePath":"pages/home/home",
                "text":"我的",
                "iconPath":"static/tabbar/home.png",
                "selectedIconPath":"static/tabbar/homeed.png"
            }

        ]
    }

第三步：

　　為tabbar對應的每個頁面添加相應的icon

　　具體可以在阿里巴巴矢量圖下載相應的icon(在其中可以更改icon的樣式然后下載到本地)