doc

alex

2025-06-13 67fac4670b104afbea6976bd4a12f62d7b39c5c4

 vue/src/components/Pagination.vue

@@ -10,6 +10,7 @@
   total: Number,
   offset: Number,
   limit: Number,
   current: Number,
})

const emit = defineEmits(["go"])
@@ -70,10 +71,10 @@

   <div class="pagination">
      <div class="pagination-buttons">

<!--         <pre>&#45;&#45;{{current}}&#45;&#45;</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" />
@@ -133,7 +134,6 @@
   display flex;
   flex-direction column
   align-items center;
   margin -1em 0 1em 0;
.pagination-buttons
   font-size 1.33rem
   display flex;
@@ -161,6 +161,11 @@
   //all: unset
   border none
   width 1em
input[type=button]
   color rgb(0,0,238)
   cursor pointer;
   &:hover
      background-color #ddd;


button