@fy-/fws-vue 0.3.62 → 0.3.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -134,7 +134,7 @@ useFyHead({
|
|
|
134
134
|
<a
|
|
135
135
|
href="javascript:void(0);"
|
|
136
136
|
@click="prev()"
|
|
137
|
-
class="flex items-center justify-center px-3 h-8
|
|
137
|
+
class="rounded-s-lg flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
138
138
|
>
|
|
139
139
|
<span class="sr-only">{{ $t("previous_paging") }}</span>
|
|
140
140
|
<ChevronLeftIcon class="w-4 h-4" />
|
|
@@ -143,6 +143,7 @@ useFyHead({
|
|
|
143
143
|
<li v-if="items.page_no - 2 > 1">
|
|
144
144
|
<a
|
|
145
145
|
class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
146
|
+
:class="{ 'rounded-l-lg': items.page_no - 2 > 2 }"
|
|
146
147
|
href="javascript:void(0);"
|
|
147
148
|
@click="page(1)"
|
|
148
149
|
>
|
|
@@ -168,13 +169,15 @@ useFyHead({
|
|
|
168
169
|
</a>
|
|
169
170
|
</li>
|
|
170
171
|
</template>
|
|
171
|
-
<
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
172
|
+
<li>
|
|
173
|
+
<a
|
|
174
|
+
href="#"
|
|
175
|
+
aria-current="page"
|
|
176
|
+
class="z-10 flex items-center justify-center px-3 h-8 leading-tight text-primary-600 border border-primary-300 bg-primary-50 hover:bg-primary-100 hover:text-primary-700 dark:border-fv-neutral-700 dark:bg-fv-neutral-700 dark:text-white"
|
|
177
|
+
>
|
|
178
|
+
{{ items.page_no }}
|
|
179
|
+
</a>
|
|
180
|
+
</li>
|
|
178
181
|
<template v-for="i in 2">
|
|
179
182
|
<li :key="`${i}-md`" v-if="items.page_no + i <= items.page_max">
|
|
180
183
|
<a
|
|
@@ -206,7 +209,8 @@ useFyHead({
|
|
|
206
209
|
<a
|
|
207
210
|
href="javascript:void(0);"
|
|
208
211
|
@click="next()"
|
|
209
|
-
class="
|
|
212
|
+
:class="{ 'rounded-r-lg': items.page_no < items.page_max - 2 }"
|
|
213
|
+
class="rounded-e-lg flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
210
214
|
>
|
|
211
215
|
<span class="sr-only">{{ $t("next_paging") }}</span>
|
|
212
216
|
<ChevronRightIcon class="w-4 h-4" />
|