<div class="layui-card"> <div class="layui-card-header">卡片面板</div> <div class="layui-card-body"> 卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影 </div> </div> 如果你的网页采用的是默认的白色背景,不建议使用卡片面板。
<div class="layui-card"> <div class="layui-card-header">卡片面板</div> <div class="layui-card-body"> 卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影 </div> </div> 如果你的网页采用的是默认的白色背景,不建议使用卡片面板。
|- layui-card-body 代表卡片展示内容 进度条 <body><divclass="content"type="进度条"><!--进度条默认的宽度和父元素一样宽--><divclass="layui-progress"><divclass="layui-progress-bar layui-bg-orange"lay-percent="50%"></div></div><divstyle="margin-top: 15px; width:300px;"><...
代码如下(示例): <div class="layui-card-body"> <div class="layui-fluid"> <form class="layui-form" action="" lay-filter="example"> <ul class="addlmrlist-contanerbox"> <li id = "lmr-0"> <div class="layui-form-item"> <label class="layui-form-label layui-required" >测试项...
包含常用的文本框、下拉列表框、单选框、复选框、按钮等表单元素 <divclass="layui-card"><divclass="layui-card-header">响应式组合</div><divclass="layui-card-body"><formclass="layui-form"action=""lay-filter="component-form-element"><divclass="layui-row layui-col-space10 layui-form-item...
class="layui-card-body" :卡片内容信息 <fieldsetclass="layui-elem-field layui-field-title" style="margin-top: 30px;"> <legend>常规折叠面板</legend> </fieldset> <divclass="layui-collapse" lay-filter="test"> <divclass="layui-colla-item"> ...
依赖加载组件：elementLayUI官网面板文档：https://www.layui.com/doc/element/tab.htmlLayUI官网布局文档：https://www.layui.com/doc/element/layout.html面板：卡片面板layui-card：代表一个卡片面板layui-card-header：代表卡片面板头部layui-card-body：代表卡片面板内容折叠面板(默认)layui-collapse：代表一个...
$('.layui-card-body .layui-btn').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); //搜索框 $("#key").bind('input propertychange', function () { table.reload('testReload', { ...
<div class="layui-card-body layui-font-red layui-font-16">删除学校基础信息,将同步删除系统相关联的数据表信息!</div> <div class="layui-form-item"> <label class="layui-form-label" style="width: 30%;">验证 ${num1} + ${num2} = </label> ...
<div class="layui-card-body">Card Body Content</div> </div> </template> 选项卡布局 选项卡布局适用于需要切换内容的场景。以下是一个选项卡布局的示例: <template> <div class="layui-tab"> <ul class="layui-tab-title"> <li class="layui-this">Tab 1</li> ...