56 lines
1.8 KiB
Plaintext
56 lines
1.8 KiB
Plaintext
---
|
||
import '../styles/global.css';
|
||
|
||
const links = [
|
||
{
|
||
link: './adb/',
|
||
title: 'ADB 文档',
|
||
},
|
||
{
|
||
link: './mz/',
|
||
title: 'Dnake的adb 的快捷指令，相关资料',
|
||
},
|
||
{
|
||
link: './ip/',
|
||
title: 'IP 相关文档, IPTABLES 配置，如何从A 局域网 ping 同B 局域网',
|
||
}
|
||
];
|
||
---
|
||
|
||
<html lang='zh-CN'>
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>My Homepage</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
</head>
|
||
<body class="bg-gray-50 min-h-screen">
|
||
<div class="container mx-auto px-4 py-8">
|
||
<h1 class="text-3xl font-bold text-gray-800 mb-8 text-center">文档导航</h1>
|
||
|
||
<div class="max-w-2xl mx-auto">
|
||
<ul class="space-y-4">
|
||
{links.map((item) => (
|
||
<li>
|
||
<a
|
||
href={item.link}
|
||
class="block p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 border border-gray-200 hover:border-blue-300 group"
|
||
>
|
||
<h2 class="text-xl font-semibold text-gray-800 group-hover:text-blue-600 transition-colors duration-200">
|
||
{item.title}
|
||
</h2>
|
||
<p class="text-gray-600 mt-2">点击查看详细文档</p>
|
||
<div class="flex items-center mt-3 text-blue-500 group-hover:text-blue-700">
|
||
<span class="text-sm">查看文档</span>
|
||
<svg class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|