关于小程序的tabBar样式

WytheChan
  • 766

在app.json中的设置如下

"tabBar": {  
   "color": "#a9b7b7",  
   "selectedColor": "#4aa3fa",  
   "borderStyle":"white",
   "backgroundColor"  :"#fff",
   "list": [{      
     "pagePath": "pages/index/index",  
     "text": "关于我们"  
   }, {   
     "pagePath": "pages/logs/logs",  
     "text": "服务对接"  
   }, {  
     "pagePath": "pages/test/test",  
     "text": "联系我们"  
   }] ,
   "position" :"bottom"    
 } 

我用"position" :"bottom" 设置底部导航,如图:
图片描述

用"position" :"top"设置顶部导航, 如图:
图片描述

现在我的需求是用底部导航,但是实际的样式不是我想要的,我想把底部导航变成顶部导航哪种,现在的底部导航文字太小,没有垂直居中,我没有用ICON,但底部导航哪里的文字上面还是空了一部分位置出来?请问怎么解决?

回复
阅读 8.4k
3 个回答

好了,在开发工具上跟实机上是不一样的,手机上看是没问题的

我遇到跟您一样的问题,我在真机上预览还是文字很小在下面,没有居中

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏