积分系统(1)-详细公告页面之table标签

最新推荐文章于 2019-09-06 17:21:28 发布

爱听民谣的王川

最新推荐文章于 2019-09-06 17:21:28 发布

阅读量407

点赞数

分类专栏：大米时代积分系统

本文链接：https://blog.csdn.net/u010282984/article/details/70490125

版权

大米时代积分系统专栏收录该内容

10 篇文章 0 订阅

订阅专栏

这篇博客是一篇代码存档；

因为是第一次用到 Bootstrap技术，算是有点小兴奋，留下来，下次用的时候可以站在这一篇的基础上！

@*/************************************************* 
*说明：详细公告页面的 "table标签"-运用的 Bootstrap技术！
*作者：王川
*版本号： V2.0.0
*创建时间：2017年4月5日 11:46:00
**********************************************/*@


@*定义页面抬头*@
@{
    ViewBag.Title = "DetailAnnounce";
}

<html>
<head>
    <title>详细公告</title>

    @*bootstrap引用*@
    <script src="~/Content/BootStrap/frontmcoinquery/jquery.js"></script>
    <link href="~/Content/BootStrap/css/bootstrap.css" rel="stylesheet" />
    <script src="~/Content/BootStrap/js/bootstrap.js"></script>

    @*table控件*@
    <link href="~/Content/BootStrap/frontmcoinquery/bootstrap-table.css" rel="stylesheet" />
    <script src="~/Content/BootStrap/frontmcoinquery/bootstrap-table.js"></script>
    <script src="~/Content/BootStrap/frontmcoinquery/bootstrap-table-zh-CN.js"></script>

    @*js文件引用*@
    <script src="~/Content/JS/DetailAnnounce.js"></script>
</head>
<body>

    @*合格的界面图*@
    @*table1标签*@
    <div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading" style="font-size:x-large">合格的</div>

        <!-- Table -->
        <div class="panel-body" style="padding-bottom: 0px;">
        <table id="table1"></table>
    </div>
    </div>

    @*待审批的界面图*@
    @*table2标签*@
    <div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading" style="font-size:x-large">待审批</div>

        <!-- Table -->
        <div class="panel-body" style="padding-bottom: 0px;">
        <table id="table2"></table>
    </div>
    </div>


    @*不合格的界面图*@
    @*table3标签*@
    <div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading" style="font-size:x-large">不合格</div>

        <!-- Table -->
        <div class="panel-body" style="padding-bottom: 0px;">
        <table id="table3"></table>
    </div>
    </div>


</body>
</html>