This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
wcui/js/lib/pages/main.htm

33 lines
1.3 KiB
HTML

<div class="do-pages do-fn-noselect" :class="{{'skin-' + skin}}">
<a class="normal"
:if="curr > 1 && !simpleMode"
:attr="{href: $setUrl(1)}"
:text="btns.home"
:click="$jump($event, 1)"></a>
<a class="normal"
:if="curr > 1"
:attr="{href: $setUrl(curr - 1)}"
:text="btns.prev"
:click="$jump($event, curr - 1)"></a>
<a :if-loop="!simpleMode || curr === el"
:repeat="pageList"
:attr="{href: $setUrl(el)}"
:class="{normal: curr !== el && '...' !== el, disabled: '...' === el, curr: curr === el}"
:text="el"
:click="$jump($event, el)"></a>
<a class="normal"
:if="curr < total"
:attr="{href: $setUrl(curr + 1)}"
:click="$jump($event, curr + 1)">{{btns.next}}</a>
<a class="normal"
:if="curr < total && !simpleMode"
:attr="{href: $setUrl(total)}"
:click="$jump($event, total)">{{btns.end}}</a>
<div class="input-box" :if="inputJump && !simpleMode">
<span>共{{total}}页,跳转到第</span>
<input type="text" :duplex-number="input" :keyup="$jump($event)">
<span></span>
<a class="normal" :attr="{href: $setUrl(input)}" :click="$jump($event, input)">确定</a>
</div>
</div>
wcui是一套基于`Web Components`的UI组件库, 宗旨是追求简单、实用、不花哨。
JavaScript 95.2%
CSS 4.8%