Layui卡片式 新完整页面

浪淘沙2年前前端577
<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发布

相关文章

asp.net core razor layui 分页和url参数绑定一起

@page @model xxtsoft.Web.Entry.Pages.sysadmins.rw.rw_listModel @{     La...

layui 表单 label宽度

 <style>      .layui-form-label {     ...

layui 弹出页面,并且页面保留不变,不跳回头部

 <td>【<a href="#" onclick="return false;" &nbs...

echarts 柱子包含关系

echarts 柱子包含关系

<div id="zy" style="width: 100%; height: 900px;">...

layui 复制图片和文字到内存,以转发到微信,qq,钉钉

   , { field: 'id', title: '活动二维码', wid...

发表评论    

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