关于自定义tabBar

关于自定义tabBar

老师,我的代码没有生效,

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#ffff",
    "navigationBarTitleText": "Diro",
    "navigationBarTextStyle":"black",
    "enablePullDownRefresh": true
  },
  "tabBar": {
    "custom": true,
    "color": "#000000",
    "selectedColor": "#000000",
    "backgroundColor": "#000000",
    "list": [{
      "pagePath": "pages/index/index",
      "text": "组件"
    }, {
      "pagePath": "pages/logs/index",
      "text": "接口"
    }]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

没理解第二步的意思

https://img1.sycdn.imooc.com//climg/63d667ad09a2b74422401223.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2023-01-30 09:44:30

同学你好,解答如下:

1、猜测是因为没有添加自定义tabbar组件相关的代码导致没有生效,可以参考第2条的解析操作。

2、第二步的意思就是需要手动新建一个组件,并将文件夹命名为custom-tab-bar(老师目前测试的结果,这里的文件夹名是固定的), 然后添加自定义tabbar相关的代码,示例:

https://img1.sycdn.imooc.com//climg/63d7208f09bb90cf04660654.jpg

具体的代码格式,可以在官网页面的下方,点击在“在开发者工具中预览效果”查看具体的示例代码,如下:

https://img1.sycdn.imooc.com//climg/63d720af09b16e0b17560944.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师