# paging

<!--MR-D{tpl: 'home'}-->

<!-- MARKRUN-HTML
<style>h1 {display:none;}</style>
-->

<div class="face-one-intro">
    <div class="face-one-intro-title">paging</div>
    <h2 class="face-one-intro-desc">
        分页渲染数据生成器
    </h2>
    <div class="face-one-intro-tool">
        <a href="https://onface.github.io/paging-js" class="face-one-intro-btn face-one-intro-btn--primary mr-online-hide" >在线文档</a>
        <!-- MARKRUN-HTML
            <a href="./doc/intro.md" class="face-one-intro-btn face-one-intro-btn--primary">指引</a>
            <a href="http://github.com/onface/paging-js" class="face-one-intro-btn">GITHUB</a>
        -->
    </div>
</div>
<div class="face-one-feature">
    <table style="width:100%;" data-comments="In order to github typesetting so use the table tag" >
        <tr>
            <td align="center" >
                <div class="face-one-feature-item">
                    <img src="./doc/theme/media/cogwheel.svg" alt="" class="face-one-feature-item-photo">
                    <br />
                    <div class="face-one-feature-item-label">定制开发</div>
                    <div class="face-one-feature-item-desc">提供渲染数据接口便于二次开发</div>
                </div>
            </td>
            <td align="center" >
                <div class="face-one-feature-item">
                    <img src="./doc/theme/media/browser.svg" alt="" class="face-one-feature-item-photo">
                    <br />
                    <div class="face-one-feature-item-label">用户体验</div>
                    <div class="face-one-feature-item-desc">可配置跳转前/后指定页</div>
                </div>
            </td>
            <td align="center" >
                <div class="face-one-feature-item">
                    <img src="./doc/theme/media/blog.svg" alt="" class="face-one-feature-item-photo">
                    <br />
                    <div class="face-one-feature-item-label">快速开发</div>
                    <div class="face-one-feature-item-desc">提供配套 <code><a href="https://onface.github.io/paging.react">React</a></code> 版本</div>
                </div>
            </td>
        </tr>
    </table>
</div>

<div class="face-one-face-one-feature-title">
    Creator
</div>
<div class="face-one-feature face-one-feature--creator">
    <table style="width:100%;" data-comments="In order to github typesetting so use the table tag" >
        <tr>
            <td align="center" >
                <a class="face-one-feature-item" href="https://github.com/nimojs">
                    <img src="https://github.com/nimojs.png" width="150 height="150" alt="" class="face-one-feature-item-avatar">
                    <br />
                    <div class="face-one-feature-item-label">NimoChu</div>
                </a>
            </td>
        </tr>
    </table>
</div>