当前位置:   article > 正文

uni - app 设置 tabbar_uni.settabbar

uni.settabbar

官方文档:uni.setTabBarItem(OBJECT) | uni-app官网

uni.setTabBarItem(OBJECT)

动态设置 tabBar 某一项的内容

  1. uni.setTabBarItem({
  2. index: 0,
  3. text: 'text',
  4. iconPath: '/path/to/iconPath',
  5. selectedIconPath: '/path/to/selectedIconPath'
  6. })
  1. // pages.json
  2. {
  3. "tabBar": {
  4. "iconfontSrc":"static/iconfont.ttf",
  5. "list": [
  6. {
  7. "pagePath": "pages/index/index",
  8. "text": "Tab1",
  9. "iconfont": {
  10. "text": "\ue102",
  11. "selectedText": "\ue103",
  12. "fontSize": "17px",
  13. "color": "#000000",
  14. "selectedColor": "#0000ff"
  15. }
  16. }
  17. ]
  18. }

uni.setTabBarStyle(OBJECT)

动态设置 tabBar 的整体样式

  1. uni.setTabBarStyle({
  2. color: '#FF0000',
  3. selectedColor: '#00FF00',
  4. backgroundColor: '#0000FF',
  5. borderStyle: 'white'
  6. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/398446
推荐阅读
相关标签
  

闽ICP备14008679号