wcui/src/js/lib/pages/main.htm

<div class="do-pages do-fn-noselect" :class="{{props.className}}">
    <a class="normal"
        :if="currPage > 1 && !props.simpleMode"
        :attr="{href: parseUrl(1)}"
        :text="props.btns.home"
        :click="setPage(1, $event)"></a>
    <a class="normal"
        :if="currPage > 1"
        :attr="{href: parseUrl(currPage - 1)}"
        :text="props.btns.prev"
        :click="setPage(currPage - 1, $event)"></a>
    <a :if-loop="!props.simpleMode || currPage === el"
        :repeat="pageList"
        :attr="{href: parseUrl(el)}"
        :class="{normal: currPage !== el, disabled: '...' === el, curr: currPage === el}"
        :text="el"
        :click="setPage(el, $event)"></a>
    <a class="normal"
        :if="currPage < totalPages"
        :attr="{href: parseUrl(currPage + 1)}"
        :click="setPage(currPage + 1, $event)">{{props.btns.next}}</a>
    <a class="normal"
        :if="currPage < totalPages && !props.simpleMode"
        :attr="{href: parseUrl(totalPages)}"
        :click="setPage(totalPages, $event)">{{props.btns.end}}</a>

    <div class="input-box" :if="!props.simpleMode">
        <span>共 {{totalPages}} 页 {{totalItems}} 条，前往</span>
        <input type="text" :duplex="inputPage" :keyup="setPage(null, $event)">
        <span>页</span>
    </div>
</div>