uniapp配置

本文介绍了如何在uniapp中设置底部TabBar,并提供了详细的配置示例,包括文字颜色、选中颜色、背景颜色等。同时,讲解了如何在pages.json中禁止iOS的滑动操作,通过设置"popGesture":"none"和"bounce":"none"来实现。
摘要由CSDN通过智能技术生成

这里写自定义目录标题

uniapp底部栏

首先先在pages.josn中把需要tabBar设置好:只需要将页面路径放进去就可以!
可以看官网:https://uniapp.dcloud.io/collocation/pages.html#tabbar

"tabBar":{
        "color":"#ADADAD", //文字颜色
        "selectedColor":"#FEE42A", //选中颜色
        "backgroundColor":"#FFFFFF", //背景颜色
        "borderStyle":"black",  //底部栏的顶部线的颜色
        "list":[
            {
                "pagePath":"***/***/***",
                "text":"**",
                "iconPath":"static/tabbar/index.png", //图标路径
                "selectedIconPath":"static/tabbar/indexed.png"  //点击选中图标路径
            },
            {
                "pagePath":"pages/news/news",
                "text":"",
                "iconPath":"static/tabbar/news.png",
                "selectedIconPath":"static/tabbar/newsed.png"
            },
            {
                "pagePath":"pages/paper/paper",
                "text":"",
                "iconPath":"static/tabbar/paper.png",
                "selectedIconPath":"static/tabbar/papered.png"
            },
            {
                "pagePath":"pages/home/home",
                "text":"",
                "iconPath":"static/tabbar/home.png",
                "selectedIconPath":"static/tabbar/homeed.png"
            }

        ]
    }

禁止ios滑动

pages.json里面加一个属性就可以了
在这里插入图片描述
代码如下:

"app-plus":{
	 "popGesture":"none", //使iOS默认手势关闭页面无效 禁止左滑
	 "bounce":"none" // 关闭iOS上下滑动手势
}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值