Vue:uni-app学习（一）--底部标签

 一、新建my/my.vue标签页

 

二、pages.json页添加

1、pages

"pages": [ 
        ......
        ,{
            "path" : "pages/my/my",
            "style" : {
                "navigationBarTitleText": "my"
            }
        }
    ],

 

2、tabBar

 

"tabBar": {
        "color": "#7A7E83",
        "selectedColor": "#33A5E0",
        "borderStyle": "black",
        "backgroundColor": "#ffffff",
        "list": [{
            "pagePath": "pages/index/index",
            "iconPath": "static/tabbar/index.png",
            "selectedIconPath": "static/tabbar/index_select.png",
            "text": "主页"
        }, {
            "pagePath": "pages/my/my",
            "iconPath": "static/tabbar/my.png",
            "selectedIconPath": "static/tabbar/my_select.png",
            "text": "我的"
        }]
    }