【教程】小程序导航栏的简单封装

最终效果

教程

1. 首先WXML中代码推荐外层一个view，内层一个wx:for循环的view(因为这样可以不只是两个，想变成三个、四个、五个导航栏都行)
2. 明确好格式后，最重要、最关键的就是CSS的调试了

上面例子中WXML代码：

CSS代码：

未选中时样式

flex布局

选中时样式：

选中后，字体颜色变化，加个下边框