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

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

View File

@@ -36,6 +36,18 @@
<li class="nav-item">
<a class="nav-link" href="about.html">关于我们</a>
</li>
<li class="nav-item">
<a class="nav-link" href="travel.html">旅行结伴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="animal.html">动物认领</a>
</li>
<li class="nav-item">
<a class="nav-link" href="flower.html">送花服务</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reward.html">推广奖励</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="case.html">成功案例</a>
</li>
@@ -71,7 +83,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/user-case1.jpg" class="img-fluid h-100 object-fit-cover" alt="川藏线骑行">
<img src="images/travel-case1.svg" class="img-fluid h-100 object-fit-cover" alt="川藏线骑行">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -91,7 +103,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/user-case2.jpg" class="img-fluid h-100 object-fit-cover" alt="云南背包客">
<img src="images/travel-case2.svg" class="img-fluid h-100 object-fit-cover" alt="云南背包客">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -111,7 +123,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/user-case3.jpg" class="img-fluid h-100 object-fit-cover" alt="东北滑雪">
<img src="images/travel-case3.svg" class="img-fluid h-100 object-fit-cover" alt="东北滑雪">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -131,7 +143,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/user-case4.jpg" class="img-fluid h-100 object-fit-cover" alt="农场体验">
<img src="images/farm-case.svg" class="img-fluid h-100 object-fit-cover" alt="农场体验">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -163,7 +175,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/merchant-case1.jpg" class="img-fluid h-100 object-fit-cover" alt="绿野农场">
<img src="images/farm-case.svg" class="img-fluid h-100 object-fit-cover" alt="绿野农场">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -183,7 +195,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/merchant-case2.jpg" class="img-fluid h-100 object-fit-cover" alt="花之语花店">
<img src="images/flower-case.svg" class="img-fluid h-100 object-fit-cover" alt="花之语花店">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -203,7 +215,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/merchant-case3.jpg" class="img-fluid h-100 object-fit-cover" alt="探险旅行社">
<img src="images/travel-case.svg" class="img-fluid h-100 object-fit-cover" alt="探险旅行社">
</div>
<div class="col-md-8">
<div class="card-body">
@@ -223,7 +235,7 @@
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/merchant-case4.jpg" class="img-fluid h-100 object-fit-cover" alt="民宿联盟">
<img src="images/travel-case.svg" class="img-fluid h-100 object-fit-cover" alt="民宿联盟">
</div>
<div class="col-md-8">
<div class="card-body">