67 lines
2.3 KiB
Vue
67 lines
2.3 KiB
Vue
<template>
|
|
<nav
|
|
class="border-t border-gray-200 flex items-center justify-between max-w-2xl mx-auto p-4 sm:px-6 lg:max-w-7xl"
|
|
>
|
|
<div class="-mt-px w-0 flex-1 flex">
|
|
<a
|
|
href="#"
|
|
class="border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300"
|
|
>
|
|
Previous
|
|
</a>
|
|
</div>
|
|
<div class="hidden md:-mt-px md:flex">
|
|
<a
|
|
href="#"
|
|
class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
>
|
|
1
|
|
</a>
|
|
<!-- Current: "border-pink-500 text-pink-600", Default: "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300" -->
|
|
<a
|
|
href="#"
|
|
class="border-brandlight text-brandlight border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
aria-current="page"
|
|
>
|
|
2
|
|
</a>
|
|
<a
|
|
href="#"
|
|
class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
>
|
|
3
|
|
</a>
|
|
<span
|
|
class="border-transparent text-gray-500 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
>
|
|
...
|
|
</span>
|
|
<a
|
|
href="#"
|
|
class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
>
|
|
8
|
|
</a>
|
|
<a
|
|
href="#"
|
|
class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
>
|
|
9
|
|
</a>
|
|
<a
|
|
href="#"
|
|
class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
|
|
>
|
|
10
|
|
</a>
|
|
</div>
|
|
<div class="-mt-px w-0 flex-1 flex justify-end">
|
|
<a
|
|
href="#"
|
|
class="border-t-2 border-transparent pt-4 pl-1 inline-flex items-center text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300"
|
|
>
|
|
Next
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</template>
|