{extend name="./template/default/pub/pc_base.html" /}
{block name="seo"}
<title>我的钱包-{$site_name}</title>
{/block}
{block name="content"}
<main class="container mt30 mb20 overflow-Show clearfix" style="min-height:750px;">
    {include file="./template/default/ucenter/pub/pc_menu.html"}
    <article class="article-main pull-right">
        <section class="box-wallet box ">
            <header class="box-header border-bottom">
                <h1 style="font-size: 25px">我的钱包</h1>
                <small>
                    <span class="pl10">账户余额：</span>
                    <span class="color-main">{$balance}</span>
                    <span>元</span>
                </small>
                <div class="pull-right">
                    <a class="btn wallet-btn" href="/charge">充值</a>
                </div>
            </header>
            <div class="box-body">
                <div class="desc">
                    <p><span class="title">如何在本站消费</span></p>
                    <p>购买vip会员，可以畅看全站漫画，没有任何限制</p>
                    <p>也可以只购买单个章节</p>
                </div>
                <section class="">
                    <div class="table-head">
                        <ul class="table-tabs">
                            <li><a class="active" href="#">我的记录</a></li>
                        </ul>
                    </div>
                    <div class="table-body mt10">
                        <div>
                            <!-- 充值记录 -->
                            <table>
                                <thead>
                                <tr>
                                    <th>类型</th>
                                    <th>总额</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>充值</td>
                                    <td>{$charge_sum} 元</td>
                                    <td>
                                        <a href="/chargehistory">查看充值记录</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>消费</td>
                                    <td>{$spending_sum} 元</td>
                                    <td>
                                        <a href="/spendinghistory">查看消费记录</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <hr class="mt30">
                        <div style="min-height:25px;">
                            <span class="count-info">充值总额：
                                <span class="count">{$charge_sum}元</span>
                            </span>
                            <div class="page-pagination pull-right">
                                <ul></ul>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </article>
</main>
{/block}