uniapp-自定义导航栏样式不生效问题(一)

刚接触uniapp不久，这是我踩到的最心酸的坑T^T

1.我设置了一个自定义组件，用作导航栏，结果出bug了，如下图：

2.首先，h5端是完全没有问题的，可以正常显示，就是微信开发者工具排版错乱了

3.上百度排查了好久，为什么“uniapp自定义导航栏样式不生效”，“uniapp自定义导航栏需要注意什么”
重心都是在“自定义导航栏”上，结果做了很多无用功。

有一天改样式把 id 改成 class ，它奇迹般的可以了！！！

下面是在微信小程序性正常显示状态

再次上网搜原因发现，微信小程序对于组件设置id是有很多bug的，不支持使用id

下面这个链接的作者总结的超级好，大家可以去看一下

https://www.cnblogs.com/liuqingxia/p/11355432.html

所以建议大家在用uniapp开发小程序时，尽量都使用class比较好！！！