积分系统(8)-编辑公告之界面层

以下是积分系统里自己写过的编辑公告的View层，不做评论，只是用于今后写到类似的了有个参考；

代码区：

@{
    ViewBag.Title = "EditAnnounce";
}

@*定义页面抬头-王川-2017年6月15日 21:27:52*@ 
<title>编写公告</title>

@*JS背景*@
<script src="~/Content/JS/AnnounceShow/AnnounceShow.js"></script>


@*页面的布局与调整-王川-2017年6月15日 21:28:31*@
<center class="content">
       

    <div class="col-lg-2 col-xs-5">
        <!-- small box -->
        <div class="small-box bg-aqua">
            <div class="inner">
                <center>
                                <h3>工具</h3> 
                                <p>工具部门编辑区</p>
                            </center>
            </div>
            <div class="icon">
                <i class="ion ion-bag"></i>
            </div>
            <a href="#"οnclick="ShowAnnounce()" class="small-box-footer">查看 <i class="fa fa-arrow-circle-right"></i></a>
             <a href="#"οnclick="AddAnnounce()" class="small-box-footer">添加 <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>



    <div class="col-lg-2 col-xs-5">
        <!-- small box -->
        <div class="small-box bg-green">
            <div class="inner">
                <center>
                            <h3>博客</h3>
                            <p>博客部门编辑区</p>
                            </center>
            </div>
            <div class="icon">
                <i class="ion ion-stats-bars"></i>
            </div>
            <a href="#"οnclick="ShowAnnounce()" class="small-box-footer">查看 <i class="fa fa-arrow-circle-right"></i></a>

             <a href="#"οnclick="AddAnnounce()" class="small-box-footer">添加 <i class="fa fa-arrow-circle-right"></i></a>

        </div>
    </div>



    <div class="col-lg-2 col-xs-5">
        <div class="small-box bg-yellow">
            <div class="inner">
                <center>
                            <h3>学术</h3>
                            <p>学术部门编辑区</p>
                            </center>
            </div>
            <div class="icon">
                <i class="ion ion-person-add"></i>
            </div>
            <a href="#"οnclick="ShowAnnounce()" class="small-box-footer">查看 <i class="fa fa-arrow-circle-right"></i></a>
             <a href="#"οnclick="AddAnnounce()" class="small-box-footer">添加 <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>



    <div class="col-lg-2 col-xs-5">
        <!-- small box -->
        <div class="small-box bg-red">
            <div class="inner">
                <center>
                            <h3>英语</h3>
                            <p>英语部门编辑区</p>
                            </center>
            </div>
            <div class="icon">
                <i class="ion ion-pie-graph"></i>
            </div>
           <a href="#"οnclick="ShowAnnounce()" class="small-box-footer">查看 <i class="fa fa-arrow-circle-right"></i></a>
            <a href="#"οnclick="AddAnnounce()" class="small-box-footer">添加 <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>


</center>

最后

以上就是安详茉莉为你收集整理的积分系统(8)-编辑公告之界面层的全部内容，希望文章能够帮你解决积分系统(8)-编辑公告之界面层所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。