layui导航菜单和选项卡使用和数据库type字段规则

一、导航菜单

需要加载element模块才能使用

ul用layui-nav样式来声明是一个导航菜单、默认样式是水平。垂直导航需要追加layui-nav-tree 侧边导航在垂直导航的基础上追加layui-nav-side样式

li用layui-nav=item样式来声明一个子菜单

dl用layui=nav-child样式来声明一个二级菜单

设定layui-this来指向当前页面分类。

二、选项卡

需要加载element模块才能使用

选项卡有三个风格

默认风格 layui-tab

简洁风格 layui-tab-brief

卡片风格 layui-tab-card

layui-tab代表一个选项卡

         layui-tab-title 代表选项卡的头

                 layui-this 启动选中

layui-tab-countent 代表卡片的内容包装体

         layui-tab-title 具体的卡片内容

         layui-show 启动显示

 layui-allowclose=“true”启用关闭

lay-filter layui过滤器，类似id，可以帮助定位

新增选项卡：使用element.addTab方法

element.addTab('filter',{

新增选相卡的属性

})

    切换选项卡：使用element.tabChange方法

element.tabChange('filter','lay-id') 切换到filter选项卡中layui-id=‘xx’的选项卡

    删除选项卡：使用element.tabDelete方法

element.tabChange('filter','lay-id') 删除filter选项卡中layui-id=‘xx’的选项卡

type字段规则

数据库字段是type时 类型是int 在对应domain中写出静态变量 TYPE_名字，传值的时候不要传0和1

字典表大多是键值对形式，存有id和值