微信小程序悬浮导航栏怎么才能有颜色，不是黑色的图标

要让微信小程序悬浮导航栏有颜色，可以通过修改小程序的全局样式来实现。具体步骤如下：

1. 在 app.wxss 文件中添加以下代码：

/* 导航栏背景色 */
.tabbar {
  background-color: #颜色值;
}
/* 导航栏图标颜色 */
.tabbar .weui-tabbar__icon {
  color: #颜色值;
}
/* 导航栏选中图标颜色 */
.tabbar .weui-tabbar__icon.weui-tabbar__icon_active {
  color: #颜色值;
}

2. 在 app.json 文件中设置 window 对象的 navigationBarBackgroundColor 和 navigationBarTextStyle 属性，分别对应导航栏的背景色和文字颜色。例如：

"window": {
  "navigationBarBackgroundColor": "#颜色值",
  "navigationBarTextStyle": "white"
}

注意，这里的 navigationBarTextStyle 只能设置为 "white" 或 "black"。

3. 在各个页面的 .json 文件中设置 navigationBarBackgroundColor 和 navigationBarTextStyle 属性，同样对应导航栏的背景色和文字颜色。例如：

"navigationBarBackgroundColor": "#颜色值",
"navigationBarTextStyle": "white"

这样就可以让微信小程序悬浮导航栏有颜色了。