parent
a9c7c0c5e5
commit
9a76ec0f2a
@ -0,0 +1,52 @@
|
||||
<!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>
|
||||
Loading…
Reference in new issue