book_admin/application/admin/view/notice/index.html

<style type="text/css">

	.card-view{
		padding: 5px;
	}
</style>
<div class="panel-heading">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#first" data-toggle="tab">常规公告</a></li>
        <li><a href="#second" data-toggle="tab">新书推荐</a></li>
        <li><a href="#third" data-toggle="tab">活动通知</a></li>
    </ul>
</div>

<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
                <div class="widget-body no-padding">
                    <div class="panel-body tab-content">
                        <div class="tab-pane fade active in" id="first">
                            <div id="toolbar1" class="toolbar">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                                <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('notice/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                            </div>
                        <table id="table1" class="table  table-striped table-bordered table-hover"
                               data-operate-edit="{:$auth->check('notice/edit')}"
                               width="100%">
                        </table>
                        </div>
                        <div class="tab-pane fade" id="second">
                            <div id="toolbar2" class="toolbar">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                                <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('notice/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                            </div>
                        <table id="table2" class="table table-striped table-bordered table-hover"
                               data-operate-edit="{:$auth->check('notice/edit')}"
                               width="100%">
                        </table>
                        </div>
                        <div class="tab-pane fade" id="third">
                            <div id="toolbar3" class="toolbar">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                                <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('notice/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                            </div>
                        <table id="table3" class="table table-striped table-bordered table-hover"
                               data-operate-edit="{:$auth->check('notice/edit')}"
                               width="100%">
                        </table>
                        </div>
                    </div>
                </div>

        </div>
    </div>
</div>