Layui卡片式 新完整页面

浪淘沙2年前前端632
<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>


返回列表

上一篇:Git操作

下一篇:iis发布

相关文章

echarts 柱状图成交金额数字格式化

<div id="main"></div>     <script type="...

layui 下拉搜索,多选,form提交

https://codecp.tech/static/xm-select/?lalalalalala=1#/basic/use<div style="margin:100px...

element el-switch 默认选择

   mounted() {        if (this.form.act...

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

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

layui多级表头,行高,序号,fixed固定对不齐问题

layui多级表头,行高,序号,fixed固定对不齐问题

<style>             /* 表头文字垂...

asp.net core razor 提交按钮时提示信息

<div class="layui-fluid  paneltop20">     <...

发表评论    

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