Pagination.html 1.24 KB
<ul class="ant-pagination">
    <li className={{'ant-pagination-prev': true, 'ant-pagination-disabled': state.current===1}}  onClick="handlePrev()">
        <a class="ant-pagination-item-link"></a>
    </li>
    <li className={{'ant-pagination-item': true, 'ant-pagination-item-active': state.current === value}} for="value in state.pageNumList" onClick="handleClick(value)">
        <a>{value}</a>
    </li>
    <li className={{'ant-pagination-next': true, 'ant-pagination-disabled': state.current===state.pageNum}} onClick="handleNext()">
        <a class="ant-pagination-item-link"></a>
    </li>
    <li className="ant-pagination-options">
        <es-select className="ant-pagination-options-size-changer" value="10" get-popup-container="getPopupContainer" if="showSizeChanger==='true'" on-change="handleSelectChange(value)">
            <es-option value="10">10 条/页</es-option>
            <es-option value="20">20 条/页</es-option>
            <es-option value="30">30 条/页</es-option>
            <es-option value="40">40 条/页</es-option>
        </es-select>
        <div className="ant-pagination-options-quick-jumper" if="showQuickJumper==='true'">
            跳至<input type="text" onBlur="handleBlur($event)"/>
        </div>
    </li>
</ul>