示例查询 Tailwind网站组件

<div class="mt-8 pt-8 border-t border-gray-200">
            <p class="text-sm text-gray-500 mb-4 text-center">示例查询</p>
            <div class="flex justify-center flex-wrap gap-2 text-center">
                <span class="example-ip px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-blue-100 hover:text-blue-600 transition-colors duration-200 text-sm cursor-pointer">
                    8.8.8.8
                </span>
                <span class="example-ip px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-blue-100 hover:text-blue-600 transition-colors duration-200 text-sm cursor-pointer">
                    1.1.1.1
                </span>
                <span class="example-ip px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-blue-100 hover:text-blue-600 transition-colors duration-200 text-sm cursor-pointer">
                    114.114.114.114
                </span>
                <span class="example-ip px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-blue-100 hover:text-blue-600 transition-colors duration-200 text-sm cursor-pointer">
                    223.5.5.5
                </span>
            </div>
        </div>