uniapp-tabBar中间凸起按钮 - 精易论坛

[JavaScript] 纯文本查看 复制代码
{



        "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages



                {



                        "path": "pages/home/home",



                        "style": {



                                "navigationBarTitleText": "home"



                        }



                }, {



                        "path": "pages/news/news",



                        "style": {



                                "navigationBarTitleText": "news"



                        }



                }, {



                        "path": "pages/more/more",



                        "style": {



                                "navigationBarTitleText": "more"



                        }



                }, {



                        "path": "pages/mine/mine",



                        "style": {



                                "navigationBarTitleText": "mine"



                        }



                }



        ],



        "globalStyle": {



                "navigationBarTextStyle": "black",



                "navigationBarTitleText": "uni-app",



                "navigationBarBackgroundColor": "#F8F8F8",



                "backgroundColor": "#F8F8F8"



        },



        "tabBar": {



                "color": "#8f8f8f",



                "selectedColor": "#FD5C5C",



                "borderStyle": "white",



                "backgroundColor": "#ffffff",



                "list": [{



                                "pagePath": "pages/home/home",



                                "text": "首页",



                                "iconPath": "static/tabBar/shouye.png",



                                "selectedIconPath": "static/tabbar/tabbar_home_select.png"



                        },



                        {



                                "pagePath": "pages/news/news",



                                "text": "消息",



                                "iconPath": "static/tabBar/xiaoxi.png",



                                "selectedIconPath": "static/tabbar/tabbar_play_select.png"



                        },



                        {



                                "pagePath": "pages/more/more",



                                "text": "更多",



                                "iconPath": "static/tabBar/gengduo.png",



                                "selectedIconPath": "static/tabbar/tabbar_money_select.png"



                        },



                        {



                                "pagePath": "pages/mine/mine",



                                "text": "我的",



                                "iconPath": "static/tabBar/wode.png",



                                "selectedIconPath": "static/tabbar/tabbar_personal_select.png"



                        }



                ],



                "midButton": {



                        "width": "63px",



                        "height": "63px",



                        "iconPath": "static/tabBar/plus.png",



                        "iconWidth": "55px"



                        // "backgroundImage":"static/images/tabbar/plus.png"



                }



        }



}