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

发布于 4 年前作者 fang851187 次浏览最后编辑 4 年前来自 share

最终效果


教程

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

上面例子中WXML代码:

CSS代码:

未选中时样式


flex布局

选中时样式:


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

1 回复
yinjuan
yinjuan1 楼1 个月前

哇哦 针不戳