【教程】小程序导航栏的简单封装
最终效果
教程
- 首先WXML中代码推荐外层一个view,内层一个wx:for循环的view(因为这样可以不只是两个,想变成三个、四个、五个导航栏都行)
- 明确好格式后,最重要、最关键的就是CSS的调试了
上面例子中WXML代码:
CSS代码:
未选中时样式
flex布局
选中时样式:
选中后,字体颜色变化,加个下边框
上面例子中WXML代码:
flex布局
选中后,字体颜色变化,加个下边框