m0_74069684的博客

二级页面的极简版（帮助初学者理解）

样表来源 > 选择器 > 源码。

把current的值重新赋值给currtab,从而下面的内容就展示成对应的的内容。首先是通过上面的代码，把顶部导航菜单栏的那三种状态遍历出来，然后通过tabSwitch（）方法把data-current的属性值传到js部分，如果发现当前的currtab值和传过来的值相同，那么不做任何处理；那么无论点击与否，最后都会实现currtab == item.index，从而在当前的盒子里加上on里面的样式。

这里主要给大家总结一下推荐使用的两种布局流：弹性盒子布局流和网格布局流。

能看懂的小伙伴直接拿走代码，稍有疑惑的伙伴请听我解释一下，我们这里是通过行标签将需要上下布局的盒子包裹起来，然后通过列标签把列的空间分成24等份，在继续通过使用两个的方式实现上下布局。能看懂代码的小伙伴直接使用代码，稍微有些疑惑的小伙伴就来听我解释一下吧，我首先需要设置一个父盒子来包裹两个子盒子，在父盒子中设置flex布局，使用flex布局就能实现左右布局。