tab功能的實現(xiàn)需要在項目根目錄下app.json文件中配置,創(chuàng)建tab時厘唾，需要準(zhǔn)備相應(yīng)的圖標(biāo)文件和新建對應(yīng)的頁面，然后就可以在對應(yīng)頁面中寫項目原型了腰鬼。下面是一個簡單的tab實現(xiàn)，直接可以拷貝到項目中使用，沒有多余的代碼瞧哟。
效果圖：
tab.png
示例代碼：
"tabBar": {
"selectedColor": "#20B3AD",
"color": "#999",
"borderStyle": "white",
"backgroundColor": "#F0F0F0",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "images/home.png",
"selectedIconPath": "images/homeSelected.png",
"text": "首頁"
},
{
"text": "租賃",
"pagePath": "pages/lease/lease",
"iconPath": "images/lease.png",
"selectedIconPath": "images/leaseSelected.png"
},
{
"text": "預(yù)售",
"pagePath": "pages/sale/sale",
"iconPath": "images/sale.png",
"selectedIconPath": "images/saleSelected.png"
},
{
"pagePath": "pages/my/my",
"iconPath": "images/mine.png",
"selectedIconPath": "images/mineSelected.png",
"text": "我的"
}
]
}
GitHub源代碼及下載地址：tab功能實現(xiàn)
其它文章請訪問：
