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和值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容