重构动物认领页面和导航菜单,统一使用SVG图标并优化交互体验
This commit is contained in:
@@ -11,16 +11,17 @@
|
||||
<meta property="og:description" content="加入结伴客商家合作生态,为旅行者提供农场、花店和活动组织服务。了解合作优势、入驻流程和商家数据。">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://jiebanke.com/merchant/">
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/css/bootstrap.css" rel="stylesheet">
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/all.css" rel="stylesheet">
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- 页面加载动画 -->
|
||||
<div class="page-loader">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
<div class="loader-spinner">
|
||||
<i class="fa fa-compass fa-spin"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 导航栏 -->
|
||||
@@ -42,6 +43,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" href="../case.html">成功案例</a>
|
||||
</li>
|
||||
@@ -293,7 +306,7 @@
|
||||
<p class="card-text">花店通过结伴客的送花服务功能,月订单量增长了150%,特别是在节日期间订单量激增。</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mt-4">
|
||||
<img src="../images/merchant-avatar2.svg" class="rounded-circle me-3" alt="花之语花店李女士" width="50" height="50">
|
||||
<img src="../images/merchant-avatar1.svg" class="rounded-circle me-3" alt="花之语花店李女士" width="50" height="50">
|
||||
<div>
|
||||
<h6 class="mb-0">李女士</h6>
|
||||
<small class="text-muted">花之语花店</small>
|
||||
@@ -310,7 +323,7 @@
|
||||
<p class="card-text">旅行社通过平台发布特色探险线路,成功吸引了大量年轻用户,成团率大幅提升。</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mt-4">
|
||||
<img src="../images/merchant-avatar3.svg" class="rounded-circle me-3" alt="探险旅行社张经理" width="50" height="50">
|
||||
<img src="../images/user-avatar1.svg" class="rounded-circle me-3" alt="探险旅行社张经理" width="50" height="50">
|
||||
<div>
|
||||
<h6 class="mb-0">张经理</h6>
|
||||
<small class="text-muted">探险旅行社</small>
|
||||
@@ -410,5 +423,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/font-awesome/7.0.0/js/all.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>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user