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