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"

                }

        }

}

game222

感谢分享 感谢分享 感谢分享