小程序中动态修改app.json中的配置

Question

如图，小程序中底部菜单栏的配置都是在app.js中配置好的，现在业务场景是我页面中点击了某个元素后想要修改底部菜单栏的背景图片，如将"我的"背景图替换掉，可以实现吗？

Answer 1

app.json是静态编译，运行时哪怕你修改了里面的值，也是不起做作用的
正确的做法是将底部菜单栏写成组件或者模版，在相应的页面导入然后逻辑就可以自己控制了

Answer 2

可以通过api改
wx.setNavigationBarColor({frontColor:"#ffffff",backgroundColor:'#000000'})
wx.setTabBarStyle({

color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white'

})
wx.setTabBarItem({

index: 0,
text: 'text',
iconPath: '/path/to/iconPath',
selectedIconPath: '/path/to/selectedIconPath'

})

Answer 3

小程序自带的方法可以修改

{
    "pagePath": "pages/goods/goods",
    "text": "全部商品",
    "selectedIconPath": "images/list-selected.png",
    "iconPath": "images/list.png"
  },
  selectedIconPath这是选中后用的图片
  iconPath这是未选中的图片
   "tabBar": {
"color": "#999999",//未选中时字体颜色
"selectedColor": "#ff0000",//选中的字体颜色

  

Answer 4

能否动态增加一个tarbar菜单