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

51
website/merchant/apply.html
View File

@@ -11,18 +11,33 @@
<meta property="og:description" content="申请成为结伴客平台合作商家，填写商家入驻申请表单，加入我们的生态体系，为旅行者提供优质服务。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jiebanke.com/merchant/apply.html">
<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>
+++++++ REPLACE</div>
</replace_in_file>
<replace_in_file id="mf0jdrirk6h5pux001ij263rm1o89xgr">
<path>website/merchant/apply.html</path>
<diff>------- SEARCH
<!-- 页面滚动进度条 -->
<div class="scroll-progress"></div>
<!-- 返回顶部按钮 -->
<button class="back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
=======
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
@@ -42,6 +57,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>
@@ -73,8 +100,6 @@
</section>
<!-- 申请步骤 -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="../js/main.js"></script>
<section class="container mb-5">
<div class="step-indicator">
<div class="step completed">
@@ -252,18 +277,18 @@
<div class="row">
<div class="col-md-4 mb-4">
<h5 class="mb-4">
<i class="bi bi-map-fill me-2"></i>结伴客
<i class="fa fa-map-marker-alt me-2"></i>结伴客
</h5>
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="fa-brands fa-wechat"></i>
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="fa-brands fa-weibo"></i>
<i class="fab fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="fa-brands fa-qq"></i>
<i class="fab fa-qq"></i>
</a>
</div>
</div>
@@ -322,6 +347,10 @@
</div>
</footer>
<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/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>

28
website/merchant/index.html
View File

@@ -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>

43
website/merchant/policy.html
View File

@@ -11,16 +11,17 @@
<meta property="og:description" content="了解结伴客平台商家合作政策，包括合作原则、资质要求、服务标准、费用结算、权利义务等内容。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jiebanke.com/merchant/policy.html">
<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>
@@ -56,13 +69,7 @@
</div>
</nav>
<!-- 页面滚动进度条 -->
<div class="scroll-progress"></div>
<!-- 返回顶部按钮 -->
<button class="back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
<!-- 合作政策横幅 -->
<section class="hero-section">
@@ -175,25 +182,23 @@
</section>
<!-- 页脚 -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="../js/main.js"></script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-4 mb-4">
<h5 class="mb-4">
<i class="fa-solid fa-map-location me-2"></i>结伴客
<i class="fa fa-map-marker-alt me-2"></i>结伴客
</h5>
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="fa-brands fa-weixin"></i>
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="fa-brands fa-weibo"></i>
<i class="fab fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="fa-brands fa-qq"></i>
<i class="fab fa-qq"></i>
</a>
</div>
</div>
@@ -252,7 +257,11 @@
</div>
</footer>
<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/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>
<script>
// 目录滚动高亮
document.addEventListener('DOMContentLoaded', function() {