Layui卡片式 新完整页面

浪淘沙1年前前端383
<div class="layui-fluid">
    <blockquote class="layui-elem-quote ">
    </blockquote>
    <div class="layui-card">
        <div class="layui-card-header">
            <span class="layui-breadcrumb">
                <a href="sql_manage">数据表</a>
            </span>
        </div>
        <div class="layui-card-body  layui-padding-3">
        </div>
    </div>
</div>

<!-- 创建一个面板 -->  
<div class="layui-panel">  
    <div class="layui-panel-header">面板标题</div>  
    <div class="layui-panel-body">  
        面板内容区域。你可以在这里放置任何你想要的 HTML 内容。  
    </div>  
    <!-- 如果有需要,可以添加底部工具栏 -->  
    <div class="layui-panel-footer">底部工具栏</div>  
</div>  


<script>
    layui.config({
        base: '/layui/' // 静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(function () {
        var util = layui.util;
        var $ = layui.jquery;
    
    });
 
</script>


返回列表

上一篇:CICD

下一篇:iis发布

相关文章

layui postgresql 时间绑定格式化,去除2025-11-30T00:00:00

  "bmks":  layui.util.toDateString(data[0].bmks,"yyyy-MM-dd ...

layui 静态表格弹出传值、弹出页面

layui 静态表格弹出传值、弹出页面

<script>     layui.config({     base: '/lay...

layui table中单元格的行高处理

   , lineStyle: 'height: 55px;' <style>  &nbs...

layui 只有点击“导出Excel”按钮时,才改变“导出Excel”按钮的状态

<form class="layui-form layui-form-pane" method="post"> &n...

layui 静态html table 表头会固定在顶部

@page @model xxtsoft.Web.Entry.Pages.sysadmins.mb.mbModel @{     Layout&...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。