aiotagro/jiebanke
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构动物认领页面和导航菜单，统一使用SVG图标并优化交互体验

Browse Source
This commit is contained in:
ylweng
2025-09-21 21:12:27 +08:00
parent 467a4ead10
commit 14aca938de
64 changed files with 25067 additions and 18256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
website/travel.html
View File

@@ -62,16 +62,12 @@
</nav>
<!-- 旅行结伴横幅 -->
<section class="page-header travel-header">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 text-center text-white">
<h1 class="display-3 fw-bold mb-4">旅行结伴</h1>
<p class="lead mb-5 fs-4">发布你的旅行计划，寻找志同道合的伙伴<br>一起探索世界的美好</p>
<a href="#plans" class="btn btn-light btn-lg btn-rounded me-3">查看旅行计划</a>
<a href="#process" class="btn btn-outline-light btn-lg btn-rounded">发布我的计划</a>
</div>
</div>
<section class="hero-section travel-hero">
<div class="container text-center position-relative">
<h1 class="display-2 fw-bold mb-4">旅行结伴</h1>
<p class="lead mb-5 fs-4">发布你的旅行计划，寻找志同道合的伙伴<br>一起探索世界的美好</p>
<a href="#plans" class="btn btn-light btn-lg btn-rounded me-3">查看旅行计划</a>
<a href="#process" class="btn btn-outline-light btn-lg btn-rounded">发布我的计划</a>
</div>
</section>
@@ -244,7 +240,7 @@
<div class="row">
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/travel-success1.jpg" class="card-img-top" alt="川藏线骑行">
<img src="images/travel-case1.svg" class="card-img-top" alt="川藏线骑行">
<div class="card-body">
<h5 class="card-title">川藏线骑行</h5>
<p class="card-text">通过结伴客平台，来自不同城市的三位骑行爱好者成功组队，完成了川藏线的挑战。</p>
@@ -257,7 +253,7 @@
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/travel-success2.jpg" class="card-img-top" alt="云南背包客">
<img src="images/travel-case2.svg" class="card-img-top" alt="云南背包客">
<div class="card-body">
<h5 class="card-title">云南背包客之旅</h5>
<p class="card-text">两位独自旅行的女孩通过平台相识，结伴游览了大理、丽江和香格里拉。</p>
@@ -270,7 +266,7 @@
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/travel-success3.jpg" class="card-img-top" alt="东北滑雪">
<img src="images/travel-case3.svg" class="card-img-top" alt="东北滑雪">
<div class="card-body">
<h5 class="card-title">东北滑雪之旅</h5>
<p class="card-text">滑雪爱好者组成的四人小队，一起探索了东北各大滑雪场。</p>
@@ -436,6 +432,8 @@
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/js/bootstrap.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="js/enhanced-interactions.js"></script>
<script src="js/main.js"></script>
<script src="js/travel.js"></script>
</body>
</html>