uniapp 中间按钮凸出

微信截图_20230819201714.png

page.json 页面

"tabBar": {
        "color": "#000",
        "selectedColor": "#ff9e00",
        // "borderStyle" : "#eeeeee",
        "backgroundColor": "#fff",
        "list": [{
                "pagePath": "pages/index/index",
                "iconPath": "static/home.png",
                "selectedIconPath": "static/home1.png",
                "text": "首页"
            },
            
            {
                "pagePath": "pages/user/user",
                "iconPath": "static/Profile.png",
                "selectedIconPath": "static/Profile1.png",
                "text": "我的"
            }
            
        ],
        "midButton": {
            "width": "150rpx",
            "height": "150rpx",
            "text": "",
            "iconPath": "/static/mid.png",
            "iconWidth": "116rpx"
        }
    }

app.vue 页面


微信截图_20230819201933.png
uni.onTabBarMidButtonTap((e) => {
    uni.switchTab({ 
        url: '/pages/new/new',
    });
}) 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容