Layui卡片式 新完整页面

浪淘沙2年前前端446
<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 横排 前后说明 排版代码

layui 横排 前后说明 排版代码

<div class="layui-form-item">     <div class="...

layui ajax请求 post 参数采用 [FromForm] 模式

 // 提交事件  form.on('submit(form1-submit)', function (data) {...

layui table后端接口html代码,前端显示

  , { field: 'dwbq', title: '单位标签', width:&n...

vxe-table 改变每一列颜色值

<div id="app">     <div class="table-responsi...

js 转换返回数据为json

JSON.parse(response.data);返回内容{   "statusCode": 200,   "da...

layui span绑定form值

layui span绑定form值

  span{       display: block;     ...

发表评论    

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