layui tab选项卡外部html页面,layui的Tab选项卡知识

layui的公共类:

lay-filter=" "

事件过滤器。你可能会在很多地方看到他，他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器

layui的公共属性:

layui-show属性:显示页面元素

tab选项卡介绍:

tab选项卡，可用于一个界面点击，显示另一个界面的内容 重要

依赖加载组件：element (请注意：必须加载element模块，相关功能才能正常使用，详见：内置组件 - 常用元素操作

基础类:

layui-tab:放在div中定义一个tab选项卡

layui-tab-card:放在带有layui-tab的div后面，表示一个卡片风格的选项卡

layui-tab-title:放在ul中定义一个选项卡菜单

layui-this:放在ul的第一个li中定义选项卡的菜单项

layui-tab-content:放在div中定义选项卡的菜单项的对应的具体内容区域

layui-tab-item:放在带有layui-tab-content的div里面，定义每个菜单项的具体内容

layui-show:放在带有layui-tab-item的div的第一个div里面 进入第一个菜单项页面不用点击直接显示itme区域的内容

lay-allowClose属性:你可以对父层容器(带layui-tab的div)设置属性 lay-allowClose="true" 来允许Tab选项卡被删除

注意：

值得注意的是，如果存在 layui-tab-item 的内容区域，在切换时自动定位到对应内容。如果不存在内容区域，则不会定位到对应内容。<