Layui Tab 选项卡

依赖于组件element

layui-tab layui-tab-title layui-tab-content layui-tab-item

image.png

• 网站设置


• 用户管理


• 权限分配


• 商品管理


• 订单管理

内容1

内容2

内容3

内容4

内容5

tab简洁风格

layui-tab-brief

image.png

• 网站设置


• 用户管理


• 权限分配


• 商品管理


• 订单管理

卡片风格

image.png

• 网站设置


• 用户管理


• 权限分配


• 商品管理


• 订单管理

1

2

3

4

5

6

允许选项卡关闭

lay-allowClose="true"

image.png

• 网站设置


• 用户基本管理


• 权限分配


• 全部历史商品管理文字长一点试试


• 订单管理

1

2

3

4

5

6

id焦点定位

image.png

image.png