book_admin/application/admin/view/reward/inviterecord/index.html

<style type="text/css">
    .mwd_head_box{
        overflow: hidden;
        padding: 10px 0;
    }
    .mwd_head_li{
        float: left;
        overflow: hidden;
        margin-right: 2%;
        width: 48%;
        padding: 10px;
        background-color: #f4f4f4;
        box-sizing: border-box;
        border-radius: 3px;
    }
    .mwd_head_li:last-child{
        width: 50%;
        margin-right: 0;
    }
    @media (max-width: 640px){
        .mwd_head_li,
        .mwd_head_li:last-child{
            float: none;
            margin: 10px 0;
            width: auto;
        }
    }
    .mwd_head_tit{
        font-size: 16px;
        color: #666;
        line-height: 24px;
    }
    .mwd_head_money{
        font-size: 30px;
        color: #1581ff;
        line-height: 50px;
    }
    .mwd_head_other{
        overflow: hidden;
    }
    .mwd_head_other strong{
        margin-right: 10px;
        white-space: nowrap;
        font-size: 14px;
        color: #666;
        font-weight: normal;
        line-height: 20px;
    }
    .mwd_head_other span{
        color: #1581ff;
    }
    .card-view{
        padding: 5px;
    }
</style>

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

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">

            <div class="mwd_head_box">
                <div class="mwd_head_li">
                    <div class="mwd_head_tit">今日赏金金额</div>
                    <div id="todayreward" class="mwd_head_money"></div>
                    <div class="mwd_head_other">
                        <strong><span></span></strong>
                    </div>
                </div>
                <div class="mwd_head_li">
                    <div  class="mwd_head_tit">累计赏金金额</div>
                    <div id="totalreward" class="mwd_head_money"></div>
                    <div class="mwd_head_other">
                        <strong><span></span></strong>
                        <!--<strong>未提现（不含当日）：<span>￥{0|number_format=###, 2, '.', ''}</span></strong>-->
                        <!--<strong>提现中：<span>￥{0|number_format=###, 2, '.', ''}</span></strong>-->
                        <!--<strong>已打款：<span>￥{0|number_format=###, 2, '.', ''}</span></strong>-->
                    </div>
                </div>
            </div>


            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" 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('reward/inviterecord/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                        <!--<a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('reward/inviterecord/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
                        <!--<a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('reward/inviterecord/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->
                        <!--<a href="javascript:;" class="btn btn-danger btn-import {:$auth->check('reward/inviterecord/import')?'':'hide'}" title="{:__('Import')}" id="btn-import-file" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i class="fa fa-upload"></i> {:__('Import')}</a>-->

                        <!--<div class="dropdown btn-group {:$auth->check('reward/inviterecord/multi')?'':'hide'}">-->
                            <!--<a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
                            <!--<ul class="dropdown-menu text-left" role="menu">-->
                                <!--<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>-->
                                <!--<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                        <!--data-operate-edit="{:$auth->check('reward/inviterecord/edit')}" -->
                        <!--data-operate-del="{:$auth->check('reward/inviterecord/del')}" -->
                    </table>
                </div>
            </div>

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