tab选项卡
tab选项卡
tab选项卡
tab选项卡可以说是一个可以在一个·规定的位置中可以嵌套多个页面或小页面，也可以说是一本笔记本可以有很多张纸，那么多纸都封装在笔记本里面，可以随意切换哪张纸每张纸里面的内容都可以相同，也可不同。
项目案例
如上截图：（分三部分：单程、来回程、联程）
三部分可叫导航部分，我们是用ul标签和li标签执行的，外面再加个盒子，然后再ul标签外面也加个大盒子，里面分有三个内容，分别是ul标签的几个导航下的子元素，在这三部分内容里编写的内容就是选项里的内容。然后就在script标签里编写JS，能切换的效果，当然也可以用插件，本篇也是用插件执行tab选项卡效果的，插件的好处就是可以直接引用方法就行，布好局（HTML），类（class），JS等。
class=”layui-this”是当前的意思，表示页面进来的时候，或页面刷新的时候，当前显示的tab选项卡页面的是这个页面。大部分都是放在第一个li标签里面，就是本篇的单程模块中，它们的布局内容都已经在插件布局好了，所以引用那个类就行了，class。Script标签里就是渲染部分了，也可以在里面编写想要的效果内容，注意要渲染模块，否则就无法进行性功能操作了，大部分插件都是如此，要渲染，就想是怕他有毒似的，渲染下才能使用，否则无法使用插件或功能实现。 在ul标签下的盒子内容里，可以随便编写内容，本篇只放了输入框和下拉框加个button按钮操作。要记得要看清哪个盒子是哪个ul标签下的li标签里的内容，否则内容跑去隔壁会乱套的，记得要标注释，这样回来查看时方便查看。  图为切换到联程 当它可切换时，内容也切换的时候，此效果成功实现了。
阳光穿透心脏的1/2处
太过爱你忘了你带给我的痛
左手的ㄟ右手
港控/mmm°
还没有评论，来说两句吧...