| | |
| | | total: Number, |
| | | offset: Number, |
| | | limit: Number, |
| | | current: Number, |
| | | }) |
| | | |
| | | const emit = defineEmits(["go"]) |
| | |
| | | |
| | | <div class="pagination"> |
| | | <div class="pagination-buttons"> |
| | | |
| | | <!-- <pre>--{{current}}--</pre>--> |
| | | <input type="button" @click="goStart()" class="start" value="«"> |
| | | <input type="button" @click="goPrev()" class="prev" value="‹"> |
| | | <span class="current">{{ offset }} - {{ offset + limit }} / {{ total }}</span> |
| | | <span class="current">{{ offset }} - {{ offset + current }} / {{ total }}</span> |
| | | <input type="button" @click="goNext()" class="next" value="›"> |
| | | <input type="button" @click="goEnd()" class="end" value="»"> |
| | | <KeyboardToggle :initial="false" @toggle="toggleKeyboard" style="color: #666" /> |
| | |
| | | display flex; |
| | | flex-direction column |
| | | align-items center; |
| | | margin -1em 0 1em 0; |
| | | .pagination-buttons |
| | | font-size 1.33rem |
| | | display flex; |
| | |
| | | //all: unset |
| | | border none |
| | | width 1em |
| | | input[type=button] |
| | | color rgb(0,0,238) |
| | | cursor pointer; |
| | | &:hover |
| | | background-color #ddd; |
| | | |
| | | |
| | | button |