重构动物认领页面和导航菜单,统一使用SVG图标并优化交互体验
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user