Layui卡片式 新完整页面

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

相关文章

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

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

layui asp.net core razor集大成应用

layui asp.net core razor集大成应用

@page @model xxtsoft.Web.Entry.Pages.sysadmins.kh.kh_pjbModel @{     Lay...

删除确认对话框

onclick=\"onconfirm('确认要删除本岗位?', 'zp', 'id=&act=del');&nb...

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

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

js 转换返回数据为json

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

layui 远程上传图片或文件

layui 远程上传图片或文件

@page @model xxtsoft.Web.Entry.Pages.pic1Model @{     ViewData["Tit...

发表评论    

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