评论

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

小程序导航栏的简易封装,提高对CSS的熟练程度

最终效果


教程

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

上面例子中WXML代码:

CSS代码:

未选中时样式


flex布局

选中时样式:


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

最后一次编辑于  2021-11-21  
点赞 1
收藏
评论

1 个评论

  • 谋谋谋
    谋谋谋
    2021-11-22

    哇哦 针不戳

    2021-11-22
    赞同
    回复
登录 后发表内容