You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
2.3 KiB
52 lines
2.3 KiB
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>校园二手交易平台 -主页</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
|
|
<body class="bg-gray-100 text-gray-800">
|
|
<div class="flex min-h-screen">
|
|
<!-- 左侧标题栏 -->
|
|
<aside class="bg-blue-600 text-white w-1/4 p-6 min-h-full">
|
|
<div class="flex flex-col items-center">
|
|
<h1 class="text-2xl font-bold mb-6">校园二手交易</h1>
|
|
<nav class="flex flex-col space-y-4">
|
|
<a href="index.html" class="hover:underline">主页</a>
|
|
<a href="profile.html" class="hover:underline">个人信息</a>
|
|
<a href="product.html" class="hover:underline">商品预览</a>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- 内容 -->
|
|
<main class="w-3/4 p-8">
|
|
<section id="home" class="p-4 bg-white rounded shadow-lg h-full">
|
|
<h2 class="text-3xl font-bold mb-4">欢迎光临校园二手交易平台</h2>
|
|
<p class="mb-6">在这里,您可以轻松查找和购买各种二手商品,从书籍到电子设备,这里一应俱全。</p>
|
|
<a href="product.html" class="text-blue-600 hover:underline mb-6 block">开始浏览商品</a>
|
|
<!-- 填充更多内容 -->
|
|
<div class="space-y-4">
|
|
<p>我们平台致力于提供最优质的服务,保证每一次交易的顺利进行。新功能即将上线,敬请期待!</p>
|
|
<p>同时,我们也欢迎大家的意见与建议,帮助我们不断改进和提升用户体验。</p>
|
|
<p>我们的平台支持多种支付方式,保证您的每次支付都安全可靠。</p>
|
|
<p class="font-bold">了解更多:</p>
|
|
<ul class="list-disc ml-8 space-y-2">
|
|
<li>如何充分利用平台资源</li>
|
|
<li>买家和卖家的双赢之道</li>
|
|
<li>我们对用户信息的保密承诺</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="bg-gray-800 p-4 text-white text-center">
|
|
©2023 校园二手交易平台. 保留所有权利.
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |