标签：uniapp text static iconPath 跳转 midButton pages png icon

    "tabBar":{
        "color":"#333333",
        "selectedColor":"#2a75f6",
        "backgroundColor":"#f4f1f1",
        "position":"bottom",
        "borderStyle":"white",
        "list":[
            {
                "pagePath":"pages/Home/Home",
                "text":"",
                "iconPath":"static/icon/hands-fill-2.png",
                "selectedIconPath":"static/icon/hands-fill.png"
            },
            {
                "pagePath":"pages/College/College",
                "text":"",
                "iconPath":"static/icon/xueyuan.png",
                "selectedIconPath":"static/icon/xueyuan-2.png"
            },
            {
                "pagePath":"pages/Mine/Log/Log",
                "text":"",
                "iconPath":"static/icon/rizhi-2.png",
                "selectedIconPath":"static/icon/rizhi.png"
            },
            {
                "pagePath":"pages/Mine/Mine",
                "text":"",
                "iconPath":"static/icon/wode.png",
                "selectedIconPath":"static/icon/wode-2.png"
            }
        ],
        "midButton": {
            "width": "60px",
            "height": "60px",
            "iconPath": "static/icon/kongzhitai.png",
            "iconWidth": "40px",
            "text":"控制台",
            "backgroundImage":"static/icon/yuan-2.png"
        }
    },

监听midButton点击事件

        // App.vue 中监听
　　　　　onLaunch: function() {
            // tabbar中间按钮点击事件
            uni.onTabBarMidButtonTap(function(e){
                uni.navigateTo({
                    url: "/pages/Home/Console/Console",
                    animationType: "slide-in-bottom", // 动画类型
                    animationDuration: 150, // 窗口动画持续时间，单位为 ms
                    fail(err) {
                        console.log(err)
                    }
                })
            })
        }

标签：uniapp,text,static,iconPath,跳转,midButton,pages,png,icon
来源： https://www.cnblogs.com/zhaohui-116/p/14450742.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。