|
|
| <div class="flex items-center bg-gray-100 p-1 rounded-lg shadow-sm">
|
| <button
|
| @click="switchView('valid')"
|
| class="relative inline-flex items-center px-4 py-2 rounded-md text-sm font-medium transition-all duration-200 min-w-24 justify-center"
|
| :class="{
|
| 'bg-white text-primary-700 shadow-sm': currentView === 'valid',
|
| 'text-gray-500 hover:text-gray-700': currentView !== 'valid'
|
| }"
|
| >
|
| <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
| <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
| </svg>
|
| 有效密钥
|
| </button>
|
| <button
|
| @click="switchView('invalid')"
|
| class="relative inline-flex items-center px-4 py-2 rounded-md text-sm font-medium transition-all duration-200 min-w-24 justify-center"
|
| :class="{
|
| 'bg-white text-red-700 shadow-sm': currentView === 'invalid',
|
| 'text-gray-500 hover:text-gray-700': currentView !== 'invalid'
|
| }"
|
| >
|
| <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
| <path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
| </svg>
|
| 无效密钥
|
| </button>
|
| </div>
|
|
|
