docs: 更新项目文档，完善需求和技术细节
This commit is contained in:
ylweng
@@ -75,61 +75,56 @@
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<h2 class="display-5 fw-bold text-dark mb-4">我们的故事</h2>
|
||||
<p class="lead text-muted mb-4">
|
||||
爱鉴花成立于2023年，是一家专注于人工智能花卉识别技术的创新企业。
|
||||
我们致力于通过先进的AI技术，让每个人都能轻松识别和了解身边的植物。
|
||||
</p>
|
||||
<p class="text-muted">
|
||||
我们的团队由资深的人工智能专家、植物学家和产品设计师组成，
|
||||
共同打造了这款智能花卉识别平台。通过深度学习和大数据分析，
|
||||
我们能够准确识别数千种花卉植物，并提供详细的养护知识。
|
||||
</p>
|
||||
<p class="lead">爱鉴花成立于2023年，由一群热爱植物和AI技术的专家组成。</p>
|
||||
<p>我们致力于通过先进的AI技术，让植物识别变得简单有趣，帮助更多人了解和欣赏自然之美。我们的团队由资深人工智能专家、植物学家和用户体验设计师组成，共同打造了这款智能花卉识别平台。</p>
|
||||
<p>我们的使命是通过技术创新，连接人与自然，让更多人能够轻松识别和了解身边的植物世界。</p>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="images/about-1.jpg" alt="公司环境" class="img-fluid rounded shadow lazy-load" loading="lazy">
|
||||
<img src="images/about-company.jpg" alt="公司团队" class="img-fluid rounded shadow lazy-load" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 使命愿景 -->
|
||||
<!-- 企业文化 -->
|
||||
<section class="bg-light py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card border-0 text-center p-4">
|
||||
<div class="feature-icon bg-primary text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-bullseye fa-2x"></i>
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark mb-3">企业文化</h2>
|
||||
<p class="lead text-muted">我们的价值观和愿景</p>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="feature-icon bg-primary text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-bullseye fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="card-title">使命</h5>
|
||||
<p class="card-text text-muted">通过AI技术连接人与自然，让植物识别变得简单有趣。</p>
|
||||
</div>
|
||||
<h4 class="mb-3">我们的使命</h4>
|
||||
<p class="text-muted">
|
||||
通过人工智能技术，让植物识别变得简单有趣，
|
||||
帮助人们更好地了解和保护自然环境。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card border-0 text-center p-4">
|
||||
<div class="feature-icon bg-success text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-eye fa-2x"></i>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="feature-icon bg-success text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-eye fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="card-title">愿景</h5>
|
||||
<p class="card-text text-muted">成为全球领先的植物识别平台，推动植物科普教育发展。</p>
|
||||
</div>
|
||||
<h4 class="mb-3">我们的愿景</h4>
|
||||
<p class="text-muted">
|
||||
成为全球领先的植物识别平台，
|
||||
构建连接人与自然的知识桥梁。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card border-0 text-center p-4">
|
||||
<div class="feature-icon bg-info text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-handshake fa-2x"></i>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="feature-icon bg-info text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-heart fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="card-title">价值观</h5>
|
||||
<p class="card-text text-muted">创新、专业、责任、合作，致力于为用户提供最佳体验。</p>
|
||||
</div>
|
||||
<h4 class="mb-3">我们的价值观</h4>
|
||||
<p class="text-muted">
|
||||
创新、专业、用户至上、环境保护，
|
||||
这些是我们始终坚持的核心价值观。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -143,28 +138,28 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h5>2023年1月</h5>
|
||||
<p>公司成立，开始AI花卉识别技术研发</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h5>2023年6月</h5>
|
||||
<p>完成首个花卉识别模型，准确率达到85%</p>
|
||||
<p>项目启动，爱鉴花项目正式启动，组建核心团队</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h5>2023年9月</h5>
|
||||
<p>微信小程序上线，获得首批用户</p>
|
||||
<p>技术验证，完成AI识别技术验证，准确率达到预期目标</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h5>2023年12月</h5>
|
||||
<p>内测版本，发布内测版本，邀请植物专家参与测试</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h5>2024年1月</h5>
|
||||
<p>识别准确率提升至95%，用户突破10万</p>
|
||||
<p>正式上线，微信小程序正式上线，面向公众开放使用</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -178,51 +173,39 @@
|
||||
<div class="container py-5">
|
||||
<h2 class="display-5 fw-bold text-dark text-center mb-5">核心团队</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 mb-4">
|
||||
<div class="card team-card border-0 text-center">
|
||||
<img src="images/team-1.jpg" alt="CEO" class="card-img-top rounded-circle mx-auto mt-4 lazy-load" style="width: 120px; height: 120px; object-fit: cover;" loading="lazy">
|
||||
<div class="col-md-3">
|
||||
<div class="card team-card border-0 shadow-sm text-center">
|
||||
<img src="images/team-1.jpg" class="card-img-top team-img lazy-load" alt="张伟" loading="lazy">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">张明</h5>
|
||||
<p class="text-muted">CEO/创始人</p>
|
||||
<p class="card-text text-muted small">
|
||||
前Google AI工程师，10年人工智能领域经验
|
||||
</p>
|
||||
<h5 class="card-title">张伟</h5>
|
||||
<p class="text-muted">创始人 & CEO</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 mb-4">
|
||||
<div class="card team-card border-0 text-center">
|
||||
<img src="images/team-2.jpg" alt="CTO" class="card-img-top rounded-circle mx-auto mt-4 lazy-load" style="width: 120px; height: 120px; object-fit: cover;" loading="lazy">
|
||||
<div class="col-md-3">
|
||||
<div class="card team-card border-0 shadow-sm text-center">
|
||||
<img src="images/team-2.jpg" class="card-img-top team-img lazy-load" alt="李娜" loading="lazy">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">李华</h5>
|
||||
<p class="text-muted">CTO</p>
|
||||
<p class="card-text text-muted small">
|
||||
深度学习专家，专注于计算机视觉技术
|
||||
</p>
|
||||
<h5 class="card-title">李娜</h5>
|
||||
<p class="text-muted">AI技术总监</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 mb-4">
|
||||
<div class="card team-card border-0 text-center">
|
||||
<img src="images/team-3.jpg" alt="植物学家" class="card-img-top rounded-circle mx-auto mt-4 lazy-load" style="width: 120px; height: 120px; object-fit: cover;" loading="lazy">
|
||||
<div class="col-md-3">
|
||||
<div class="card team-card border-0 shadow-sm text-center">
|
||||
<img src="images/team-3.jpg" class="card-img-top team-img lazy-load" alt="王强" loading="lazy">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">王教授</h5>
|
||||
<p class="text-muted">首席植物学家</p>
|
||||
<p class="card-text text-muted small">
|
||||
中科院植物研究所博士，30年植物学研究经验
|
||||
</p>
|
||||
<h5 class="card-title">王强</h5>
|
||||
<p class="text-muted">植物学专家</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 mb-4">
|
||||
<div class="card team-card border-0 text-center">
|
||||
<img src="images/team-4.jpg" alt="产品经理" class="card-img-top rounded-circle mx-auto mt-4" style="width: 120px; height: 120px; object-fit: cover;">
|
||||
<div class="col-md-3">
|
||||
<div class="card team-card border-0 shadow-sm text-center">
|
||||
<img src="images/team-4.jpg" class="card-img-top team-img lazy-load" alt="赵敏" loading="lazy">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">陈小姐</h5>
|
||||
<p class="text-muted">产品总监</p>
|
||||
<p class="card-text text-muted small">
|
||||
前腾讯产品经理，擅长用户体验设计
|
||||
</p>
|
||||
<h5 class="card-title">赵敏</h5>
|
||||
<p class="text-muted">用户体验总监</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,6 +3,22 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="联系我们 - 爱鉴花团队很乐意听取您的意见和建议，您可以通过在线表单、电话或邮件与我们取得联系。">
|
||||
<meta name="keywords" content="联系我们,在线留言,客服支持,爱鉴花团队">
|
||||
<meta name="author" content="爱鉴花团队">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:title" content="联系我们 - 爱鉴花">
|
||||
<meta property="og:description" content="联系我们 - 爱鉴花团队很乐意听取您的意见和建议。">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://aijianhua.com/contact.html">
|
||||
<meta property="og:image" content="https://aijianhua.com/images/contact-og.png">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="联系我们 - 爱鉴花">
|
||||
<meta name="twitter:description" content="联系我们 - 爱鉴花团队很乐意听取您的意见和建议。">
|
||||
|
||||
<title>联系我们 - 爱鉴花</title>
|
||||
<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">
|
||||
@@ -57,119 +73,84 @@
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<!-- 联系表单 -->
|
||||
<div class="card border-0 shadow-sm mb-5">
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-5">
|
||||
<h2 class="fw-bold mb-4 text-dark">发送消息</h2>
|
||||
<h2 class="card-title text-center mb-4">发送消息</h2>
|
||||
<form id="contactForm">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="name" class="form-label">姓名 *</label>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label for="name" class="form-label">姓名 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="name" required>
|
||||
<div class="invalid-feedback">请输入您的姓名</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="email" class="form-label">邮箱 *</label>
|
||||
<div class="col-md-6">
|
||||
<label for="email" class="form-label">邮箱 <span class="text-danger">*</span></label>
|
||||
<input type="email" class="form-control" id="email" required>
|
||||
<div class="invalid-feedback">请输入有效的邮箱地址</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="phone" class="form-label">电话</label>
|
||||
<input type="tel" class="form-control" id="phone">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="subject" class="form-label">主题 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="subject" required>
|
||||
<div class="invalid-feedback">请输入消息主题</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="message" class="form-label">消息内容 <span class="text-danger">*</span></label>
|
||||
<textarea class="form-control" id="message" rows="5" required></textarea>
|
||||
<div class="invalid-feedback">请输入消息内容</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-check mb-3">
|
||||
<input class="form-check-input" type="checkbox" id="privacyPolicy" required>
|
||||
<label class="form-check-label" for="privacyPolicy">
|
||||
我同意 <a href="#" class="text-primary">隐私政策</a> 和 <a href="#" class="text-primary">服务条款</a> <span class="text-danger">*</span>
|
||||
</label>
|
||||
<div class="invalid-feedback">请同意隐私政策和服务条款</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<button type="submit" class="btn btn-primary btn-lg px-5">发送消息</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="phone" class="form-label">电话</label>
|
||||
<input type="tel" class="form-control" id="phone">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subject" class="form-label">主题 *</label>
|
||||
<select class="form-select" id="subject" required>
|
||||
<option value="">请选择主题</option>
|
||||
<option value="general">一般咨询</option>
|
||||
<option value="technical">技术支持</option>
|
||||
<option value="business">商务合作</option>
|
||||
<option value="feedback">产品反馈</option>
|
||||
<option value="other">其他</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="message" class="form-label">消息内容 *</label>
|
||||
<textarea class="form-control" id="message" rows="5" required></textarea>
|
||||
</div>
|
||||
<div class="mb-3 form-check">
|
||||
<input type="checkbox" class="form-check-input" id="agree" required>
|
||||
<label class="form-check-label" for="agree">
|
||||
我同意<a href="#" class="text-primary">隐私政策</a>
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-lg w-100">发送消息</button>
|
||||
<div class="mt-3 text-center">
|
||||
<small class="text-muted">我们将在24小时内回复您的消息</small>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- 表单提交成功提示 -->
|
||||
<div class="alert alert-success mt-4 d-none" id="successAlert">
|
||||
<i class="fas fa-check-circle me-2"></i>
|
||||
消息发送成功！我们会尽快与您联系。
|
||||
</div>
|
||||
|
||||
<!-- 表单提交失败提示 -->
|
||||
<div class="alert alert-danger mt-4 d-none" id="errorAlert">
|
||||
<i class="fas fa-exclamation-circle me-2"></i>
|
||||
发送失败，请检查表单内容后重试。
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<!-- 联系信息卡片 -->
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-primary text-white rounded-circle mx-auto mb-3">
|
||||
<div class="col-md-4">
|
||||
<div class="card contact-card border-0 shadow-sm h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="contact-icon bg-primary text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-map-marker-alt fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">公司地址</h5>
|
||||
<p class="text-muted">
|
||||
北京市海淀区中关村大街<br>
|
||||
科技园区A座1001室
|
||||
</p>
|
||||
<h5 class="card-title">公司地址</h5>
|
||||
<p class="card-text">北京市海淀区中关村大街1号<br>海龙大厦15层</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-success text-white rounded-circle mx-auto mb-3">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card contact-card border-0 shadow-sm h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="contact-icon bg-success text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-phone fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">联系电话</h5>
|
||||
<p class="text-muted">
|
||||
400-123-4567<br>
|
||||
+86 10-8888-7777
|
||||
</p>
|
||||
<h5 class="card-title">联系电话</h5>
|
||||
<p class="card-text">客服热线：400-123-4567<br>工作时间：周一至周五 9:00-18:00</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-info text-white rounded-circle mx-auto mb-3">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card contact-card border-0 shadow-sm h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="contact-icon bg-info text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-envelope fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">电子邮箱</h5>
|
||||
<p class="text-muted">
|
||||
contact@aijianhua.com<br>
|
||||
support@aijianhua.com
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-warning text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-clock fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">工作时间</h5>
|
||||
<p class="text-muted">
|
||||
周一至周五: 9:00-18:00<br>
|
||||
周末: 10:00-16:00
|
||||
</p>
|
||||
<h5 class="card-title">电子邮箱</h5>
|
||||
<p class="card-text">商务合作：business@aijianhua.com<br>技术支持：support@aijianhua.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -177,115 +158,33 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 地图 -->
|
||||
<section class="bg-light py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark">我们的位置</h2>
|
||||
<p class="lead text-muted">欢迎来访我们的办公室</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-0">
|
||||
<!-- 地图占位图 -->
|
||||
<div class="map-placeholder bg-secondary text-white text-center py-5">
|
||||
<i class="fas fa-map-marked-alt fa-4x mb-3"></i>
|
||||
<h4>地图位置</h4>
|
||||
<p>北京市海淀区中关村大街科技园区A座</p>
|
||||
<small class="text-white-50">（实际部署时可集成百度地图或高德地图）</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 常见问题 -->
|
||||
<!-- 在线地图 -->
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark">常见问题</h2>
|
||||
<p class="lead text-muted">快速找到您需要的答案</p>
|
||||
<div class="col-12">
|
||||
<h2 class="text-center display-5 fw-bold text-dark mb-5">公司位置</h2>
|
||||
<div class="ratio ratio-21x9">
|
||||
<iframe src="https://map.baidu.com/" title="公司位置地图" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 社交媒体 -->
|
||||
<section class="bg-light py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="accordion" id="faqAccordion">
|
||||
<div class="accordion-item border-0 shadow-sm mb-3">
|
||||
<h3 class="accordion-header">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
|
||||
如何开始使用爱鉴花小程序？
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body">
|
||||
<p class="text-muted">
|
||||
在微信中搜索"爱鉴花"即可找到我们的小程序，
|
||||
点击进入后即可开始使用花卉识别功能。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item border-0 shadow-sm mb-3">
|
||||
<h3 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
|
||||
识别准确率如何？
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body">
|
||||
<p class="text-muted">
|
||||
我们的AI识别准确率目前达到95%，
|
||||
在良好光线和清晰图片条件下准确率更高。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="display-5 fw-bold text-dark mb-4">关注我们</h2>
|
||||
<p class="lead text-muted mb-5">通过社交媒体与我们保持联系</p>
|
||||
<div class="social-contact-links">
|
||||
<a href="#" class="btn btn-primary btn-lg me-3 mb-3"><i class="fab fa-weixin me-2"></i> 微信</a>
|
||||
<a href="#" class="btn btn-info btn-lg me-3 mb-3"><i class="fab fa-weibo me-2"></i> 微博</a>
|
||||
<a href="#" class="btn btn-dark btn-lg mb-3"><i class="fab fa-github me-2"></i> GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="accordion" id="faqAccordion2">
|
||||
<div class="accordion-item border-0 shadow-sm mb-3">
|
||||
<h3 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
|
||||
是否支持企业定制？
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
|
||||
<div class="accordion-body">
|
||||
<p class="text-muted">
|
||||
是的，我们提供企业定制服务，包括私有化部署、
|
||||
定制模型训练等，请联系商务合作部门。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item border-0 shadow-sm mb-3">
|
||||
<h3 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
|
||||
技术支持响应时间？
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
|
||||
<div class="accordion-body">
|
||||
<p class="text-muted">
|
||||
普通咨询：24小时内回复<br>
|
||||
紧急问题：4小时内响应<br>
|
||||
企业客户：专属技术支持
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn btn-outline-primary">查看更多问题</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -329,151 +228,95 @@
|
||||
<li><a href="contact.html" class="text-white-50 text-decoration-none">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">法律</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-white-50 text-decoration-none">隐私政策</a></li>
|
||||
<li><a href="#" class="text-white-50 text-decoration-none">服务条款</a></li>
|
||||
<li><a href="#" class="text-white-50 text-decoration-none">版权声明</a></li>
|
||||
</ul>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<h6 class="mb-3">联系我们</h6>
|
||||
<p class="text-muted mb-1"><i class="fas fa-map-marker-alt me-2"></i>北京市海淀区中关村大街</p>
|
||||
<p class="text-muted mb-1"><i class="fas fa-phone me-2"></i>400-123-4567</p>
|
||||
<p class="text-muted"><i class="fas fa-envelope me-2"></i>contact@aijianhua.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="my-4">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 text-center text-md-start">
|
||||
<p class="text-white-50 mb-0">© 2024 爱鉴花. 保留所有权利</p>
|
||||
<p class="text-muted mb-0">© 2024 爱鉴花. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-center text-md-end">
|
||||
<p class="text-white-50 mb-0">
|
||||
<a href="#" class="text-white-50 text-decoration-none me-3">隐私政策</a>
|
||||
<a href="#" class="text-white-50 text-decoration-none me-3">服务条款</a>
|
||||
<a href="#" class="text-white-50 text-decoration-none">京ICP备12345678号</a>
|
||||
<p class="text-muted mb-0">
|
||||
<a href="#" class="text-muted text-decoration-none me-3">隐私政策</a>
|
||||
<a href="#" class="text-muted text-decoration-none me-3">服务条款</a>
|
||||
<a href="#" class="text-muted text-decoration-none">京ICP备12345678号</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-3">
|
||||
<p class="text-white-50 small">
|
||||
<p class="text-muted small">
|
||||
友情链接：
|
||||
<a href="#" class="text-white-50 text-decoration-none me-2">中国花卉协会</a>
|
||||
<a href="#" class="text-white-50 text-decoration-none me-2">植物智</a>
|
||||
<a href="#" class="text-white-50 text-decoration-none">园林在线</a>
|
||||
<a href="#" class="text-muted text-decoration-none me-2">中国花卉协会</a>
|
||||
<a href="#" class="text-muted text-decoration-none me-2">植物智</a>
|
||||
<a href="#" class="text-muted text-decoration-none">园林在线</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<!-- 表单验证脚本 -->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const successAlert = document.getElementById('successAlert');
|
||||
const errorAlert = document.getElementById('errorAlert');
|
||||
// 表单验证
|
||||
document.getElementById('contactForm').addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
// 实时表单验证
|
||||
const inputs = contactForm.querySelectorAll('input, textarea, select');
|
||||
inputs.forEach(input => {
|
||||
input.addEventListener('blur', function() {
|
||||
validateField(this);
|
||||
});
|
||||
|
||||
input.addEventListener('input', function() {
|
||||
clearValidation(this);
|
||||
});
|
||||
// 获取表单元素
|
||||
const name = document.getElementById('name');
|
||||
const email = document.getElementById('email');
|
||||
const subject = document.getElementById('subject');
|
||||
const message = document.getElementById('message');
|
||||
const privacyPolicy = document.getElementById('privacyPolicy');
|
||||
|
||||
// 重置验证状态
|
||||
[name, email, subject, message, privacyPolicy].forEach(element => {
|
||||
element.classList.remove('is-invalid');
|
||||
});
|
||||
|
||||
// 表单提交处理
|
||||
contactForm.addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
let isValid = true;
|
||||
inputs.forEach(input => {
|
||||
if (!validateField(input)) {
|
||||
isValid = false;
|
||||
}
|
||||
});
|
||||
|
||||
if (isValid) {
|
||||
// 模拟表单提交成功
|
||||
simulateFormSubmission();
|
||||
}
|
||||
});
|
||||
let isValid = true;
|
||||
|
||||
function validateField(field) {
|
||||
let isValid = true;
|
||||
let errorMessage = '';
|
||||
|
||||
if (field.required && !field.value.trim()) {
|
||||
isValid = false;
|
||||
errorMessage = '此字段为必填项';
|
||||
} else if (field.type === 'email' && field.value) {
|
||||
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
if (!emailRegex.test(field.value)) {
|
||||
isValid = false;
|
||||
errorMessage = '请输入有效的邮箱地址';
|
||||
}
|
||||
} else if (field.type === 'tel' && field.value) {
|
||||
const phoneRegex = /^1[3-9]\d{9}$/;
|
||||
if (!phoneRegex.test(field.value)) {
|
||||
isValid = false;
|
||||
errorMessage = '请输入有效的手机号码';
|
||||
}
|
||||
}
|
||||
|
||||
if (!isValid) {
|
||||
showError(field, errorMessage);
|
||||
} else {
|
||||
clearValidation(field);
|
||||
}
|
||||
|
||||
return isValid;
|
||||
// 验证姓名
|
||||
if (!name.value.trim()) {
|
||||
name.classList.add('is-invalid');
|
||||
isValid = false;
|
||||
}
|
||||
|
||||
function showError(field, message) {
|
||||
clearValidation(field);
|
||||
field.classList.add('is-invalid');
|
||||
|
||||
const errorDiv = document.createElement('div');
|
||||
errorDiv.className = 'invalid-feedback';
|
||||
errorDiv.textContent = message;
|
||||
field.parentNode.appendChild(errorDiv);
|
||||
// 验证邮箱
|
||||
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
if (!emailRegex.test(email.value)) {
|
||||
email.classList.add('is-invalid');
|
||||
isValid = false;
|
||||
}
|
||||
|
||||
function clearValidation(field) {
|
||||
field.classList.remove('is-invalid');
|
||||
const errorDiv = field.parentNode.querySelector('.invalid-feedback');
|
||||
if (errorDiv) {
|
||||
errorDiv.remove();
|
||||
}
|
||||
// 验证主题
|
||||
if (!subject.value.trim()) {
|
||||
subject.classList.add('is-invalid');
|
||||
isValid = false;
|
||||
}
|
||||
|
||||
function simulateFormSubmission() {
|
||||
// 显示加载状态
|
||||
const submitBtn = contactForm.querySelector('button[type="submit"]');
|
||||
const originalText = submitBtn.textContent;
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 发送中...';
|
||||
|
||||
// 模拟网络请求延迟
|
||||
setTimeout(() => {
|
||||
// 恢复按钮状态
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = originalText;
|
||||
|
||||
// 显示成功消息
|
||||
successAlert.classList.remove('d-none');
|
||||
errorAlert.classList.add('d-none');
|
||||
|
||||
// 重置表单
|
||||
contactForm.reset();
|
||||
|
||||
// 3秒后隐藏成功消息
|
||||
setTimeout(() => {
|
||||
successAlert.classList.add('d-none');
|
||||
}, 3000);
|
||||
}, 2000);
|
||||
// 验证消息内容
|
||||
if (!message.value.trim()) {
|
||||
message.classList.add('is-invalid');
|
||||
isValid = false;
|
||||
}
|
||||
|
||||
// 验证隐私政策
|
||||
if (!privacyPolicy.checked) {
|
||||
privacyPolicy.classList.add('is-invalid');
|
||||
isValid = false;
|
||||
}
|
||||
|
||||
// 如果表单有效，显示成功消息
|
||||
if (isValid) {
|
||||
alert('感谢您的消息！我们会尽快回复您。');
|
||||
// 重置表单
|
||||
this.reset();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -150,6 +150,11 @@ body {
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.news-img {
|
||||
height: 200px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* 页脚样式 */
|
||||
/* 修复body样式 */
|
||||
body {
|
||||
@@ -165,6 +170,12 @@ footer {
|
||||
background: linear-gradient(135deg, #2E7D32 0%, #388E3C 100%); /* 深绿色渐变 */
|
||||
}
|
||||
|
||||
/* 页面标题样式 */
|
||||
.page-header {
|
||||
background: linear-gradient(135deg, #4CAF50 0%, #66BB6A 100%);
|
||||
margin-top: 76px;
|
||||
}
|
||||
|
||||
footer h5,
|
||||
footer h6 {
|
||||
color: white;
|
||||
@@ -247,36 +258,79 @@ footer a:hover {
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
/* 价格卡片样式 */
|
||||
.pricing-card {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.pricing-card:hover {
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
|
||||
.pricing-price {
|
||||
font-size: 2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 测试imonial卡片样式 */
|
||||
.testimonial-card {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.testimonial-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.testimonial-avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* 联系卡片样式 */
|
||||
.contact-card {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.contact-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.contact-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 社交联系样式 */
|
||||
.social-contact-links a {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.social-contact-links a:hover {
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media (max-width: 768px) {
|
||||
.hero-section h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.hero-section p {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.display-5 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.min-vh-75 {
|
||||
min-height: 60vh;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
.timeline::before {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.avatar i {
|
||||
font-size: 2rem !important;
|
||||
.timeline-date {
|
||||
width: fit-content;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
72
official_website/image-requirements.md
Normal file
72
official_website/image-requirements.md
Normal file
@@ -0,0 +1,72 @@
|
||||
# 爱鉴花官网图片需求说明
|
||||
|
||||
## 概述
|
||||
本文档列出了爱鉴花官方网站所有缺失的图片文件，包括图片名称、尺寸要求、内容描述和用途说明，用于AI生成图片。
|
||||
|
||||
## 图片文件列表
|
||||
|
||||
### 1. Open Graph 分享图片
|
||||
| 图片名称 | 尺寸 | 内容描述 | 用途 |
|
||||
|---------|------|---------|------|
|
||||
| `og-image.png` | 1200×630px | 爱鉴花品牌标识，包含logo、AI花卉识别主题视觉元素，清新自然的植物花卉背景 | 首页Open Graph分享图片 |
|
||||
| `about-og.png` | 1200×630px | 关于我们页面分享图片，展示团队协作场景，包含植物元素和AI技术视觉 | 关于页面Open Graph分享 |
|
||||
| `products-og.png` | 1200×630px | 产品介绍页面分享图片，展示微信小程序界面、API技术图表和产品功能视觉 | 产品页面Open Graph分享 |
|
||||
|
||||
### 2. 首页图片
|
||||
| 图片名称 | 尺寸 | 内容描述 | 用途 |
|
||||
|---------|------|---------|------|
|
||||
| `hero-image.png` | 800×600px | 现代简约的AI花卉识别应用界面展示，包含手机设备显示花卉识别结果 | 首页英雄区域背景图片 |
|
||||
| `product-1.jpg` | 400×300px | 玫瑰花特写，清晰展示花瓣细节和鲜艳色彩 | 热门产品展示区域 |
|
||||
| `product-2.jpg` | 400×300px | 向日葵特写，明亮的黄色花朵面向阳光 | 热门产品展示区域 |
|
||||
| `product-3.jpg` | 400×300px | 兰花特写，优雅的紫色或白色花朵，精致的花型 | 热门产品展示区域 |
|
||||
|
||||
### 3. 关于我们页面图片
|
||||
| 图片名称 | 尺寸 | 内容描述 | 用途 |
|
||||
|---------|------|---------|------|
|
||||
| `about-1.jpg` | 600×400px | 现代科技公司办公环境，包含植物装饰和AI技术工作场景 | 公司介绍区域配图 |
|
||||
| `team-1.jpg` | 300×300px | 亚洲男性CEO肖像，专业商务形象，背景简洁 | 团队介绍-张明CEO |
|
||||
| `team-2.jpg` | 300×300px | 亚洲女性CTO肖像，技术专家形象，背景简洁 | 团队介绍-李华CTO |
|
||||
| `team-3.jpg` | 300×300px | 亚洲男性植物学家肖像，学者形象，背景简洁 | 团队介绍-王强首席植物学家 |
|
||||
| `team-4.jpg` | 300×300px | 亚洲女性设计师肖像，创意专业形象，背景简洁 | 团队介绍-赵雪产品设计师 |
|
||||
|
||||
### 4. 产品介绍页面图片
|
||||
| 图片名称 | 尺寸 | 内容描述 | 用途 |
|
||||
|---------|------|---------|------|
|
||||
| `product-mini-program.jpg` | 600×400px | 微信小程序界面展示，包含花卉识别功能和结果页面 | 微信小程序产品介绍 |
|
||||
| `product-api.jpg` | 600×400px | API技术图表和数据流可视化，现代科技感设计 | API服务产品介绍 |
|
||||
| `product-enterprise.jpg` | 600×400px | 企业级解决方案展示，包含服务器架构和团队协作场景 | 企业版产品介绍 |
|
||||
|
||||
### 5. 新闻中心页面图片
|
||||
| 图片名称 | 尺寸 | 内容描述 | 用途 |
|
||||
|---------|------|---------|------|
|
||||
| `news-1.jpg` | 400×300px | 微信小程序上线庆祝场景，包含团队合影和产品展示 | 小程序上线新闻配图 |
|
||||
| `news-2.jpg` | 400×300px | AI技术突破可视化，包含准确率图表和深度学习模型展示 | 技术突破新闻配图 |
|
||||
| `news-3.jpg` | 400×300px | 植物数据库更新展示，包含多种花卉图片和数据界面 | 数据更新新闻配图 |
|
||||
|
||||
### 6. 品牌标识图片
|
||||
| 图片名称 | 尺寸 | 内容描述 | 用途 |
|
||||
|---------|------|---------|------|
|
||||
| `logo.png` | 200×200px | 爱鉴花品牌logo，包含花卉元素和AI技术视觉，圆形设计 | 网站favicon和品牌标识 |
|
||||
|
||||
## 图片风格要求
|
||||
- **色彩方案**: 使用植物花卉色系，主色调为绿色(#4CAF50)、紫色(#9C27B0)、粉色(#E91E63)
|
||||
- **设计风格**: 现代简约、清新自然、科技感
|
||||
- **图片格式**: PNG格式（带透明背景）或JPG格式（高质量压缩）
|
||||
- **视觉一致性**: 所有图片保持统一的色彩风格和设计语言
|
||||
|
||||
## 技术规格
|
||||
- **分辨率**: 所有图片提供2x高清版本
|
||||
- **文件大小**: 单个图片不超过500KB
|
||||
- **色彩模式**: RGB
|
||||
- **版权**: 所有图片需为原创或拥有合法使用权
|
||||
|
||||
## 优先级
|
||||
1. **高优先级**: `og-image.png`, `hero-image.png`, `logo.png`（品牌标识和关键页面）
|
||||
2. **中优先级**: 产品图片和团队肖像（核心内容展示）
|
||||
3. **低优先级**: 新闻配图和其他辅助图片
|
||||
|
||||
## 备注
|
||||
- 所有人物肖像需使用模特授权图片或AI生成的可商用肖像
|
||||
- 产品界面图片需体现现代科技感和用户体验
|
||||
- 植物花卉图片需真实准确，符合植物学特征
|
||||
- 团队形象图片需专业、友好、多样化
|
||||
@@ -236,9 +236,9 @@
|
||||
<div class="col-lg-2 mb-4">
|
||||
<h6 class="mb-3">产品</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-muted text-decoration-none">微信小程序</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">API服务</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">企业版</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">微信小程序</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">API服务</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">企业版</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2 mb-4">
|
||||
@@ -246,7 +246,7 @@
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-muted text-decoration-none">帮助中心</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">常见问题</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
<li><a href="contact.html" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
@@ -299,18 +299,5 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "爱鉴花",
|
||||
"url": "https://aijianhua.com",
|
||||
"potentialAction": {
|
||||
"@type": "SearchAction",
|
||||
"target": "https://aijianhua.com/search?q={search_term_string}",
|
||||
"query-input": "required name=search_term_string"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -432,4 +432,82 @@ function monitorErrors() {
|
||||
|
||||
// 初始化性能和错误监控
|
||||
monitorPerformance();
|
||||
monitorErrors();
|
||||
monitorErrors();
|
||||
|
||||
// 通用JavaScript功能
|
||||
|
||||
// 导航栏滚动效果
|
||||
window.addEventListener('scroll', function() {
|
||||
const navbar = document.querySelector('.navbar');
|
||||
if (window.scrollY > 50) {
|
||||
navbar.classList.add('scrolled');
|
||||
} else {
|
||||
navbar.classList.remove('scrolled');
|
||||
}
|
||||
});
|
||||
|
||||
// 懒加载图片
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const lazyImages = [].slice.call(document.querySelectorAll('img.lazy-load'));
|
||||
|
||||
if ('IntersectionObserver' in window) {
|
||||
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
|
||||
entries.forEach(function(entry) {
|
||||
if (entry.isIntersecting) {
|
||||
let lazyImage = entry.target;
|
||||
lazyImage.src = lazyImage.dataset.src || lazyImage.src;
|
||||
lazyImage.classList.remove('lazy-load');
|
||||
lazyImageObserver.unobserve(lazyImage);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
lazyImages.forEach(function(lazyImage) {
|
||||
lazyImageObserver.observe(lazyImage);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 平滑滚动
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
const target = document.querySelector(this.getAttribute('href'));
|
||||
if (target) {
|
||||
window.scrollTo({
|
||||
top: target.offsetTop - 76,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 表单验证增强
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
window.addEventListener('load', function() {
|
||||
// 获取所有表单并阻止默认提交行为
|
||||
var forms = document.getElementsByClassName('needs-validation');
|
||||
var validation = Array.prototype.filter.call(forms, function(form) {
|
||||
form.addEventListener('submit', function(event) {
|
||||
if (form.checkValidity() === false) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
}
|
||||
form.classList.add('was-validated');
|
||||
}, false);
|
||||
});
|
||||
}, false);
|
||||
})();
|
||||
|
||||
// 动态年份更新
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const yearElements = document.querySelectorAll('.current-year');
|
||||
const currentYear = new Date().getFullYear();
|
||||
|
||||
yearElements.forEach(element => {
|
||||
element.textContent = currentYear;
|
||||
});
|
||||
});
|
||||
|
||||
@@ -3,6 +3,22 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="爱鉴花新闻中心 - 获取最新的公司动态、行业资讯和媒体报道，了解AI花卉识别技术的最新发展。">
|
||||
<meta name="keywords" content="爱鉴花新闻,花卉识别技术,植物AI,公司动态,行业资讯">
|
||||
<meta name="author" content="爱鉴花团队">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:title" content="新闻中心 - 爱鉴花">
|
||||
<meta property="og:description" content="获取最新的公司动态、行业资讯和媒体报道。">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://aijianhua.com/news.html">
|
||||
<meta property="og:image" content="https://aijianhua.com/images/news-og.png">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="新闻中心 - 爱鉴花">
|
||||
<meta name="twitter:description" content="获取最新的公司动态、行业资讯和媒体报道。">
|
||||
|
||||
<title>新闻中心 - 爱鉴花</title>
|
||||
<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">
|
||||
@@ -53,269 +69,148 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 新闻内容 -->
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<!-- 新闻分类 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- 主内容区 -->
|
||||
<div class="col-lg-8">
|
||||
<!-- 公司动态 -->
|
||||
<div class="mb-5">
|
||||
<h2 class="fw-bold mb-4 text-dark">公司动态</h2>
|
||||
|
||||
<!-- 新闻文章1 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
<img src="images/news-1.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="小程序上线">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-primary me-2">公司新闻</span>
|
||||
<small class="text-muted">2024-01-15</small>
|
||||
</div>
|
||||
<h3 class="h4 card-title">爱鉴花微信小程序正式上线</h3>
|
||||
<p class="card-text text-muted">
|
||||
经过数月的精心开发和测试，爱鉴花微信小程序今日正式上线。
|
||||
用户可以通过微信搜索"爱鉴花"或扫描二维码即可体验智能花卉识别服务。
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="col-12">
|
||||
<ul class="nav nav-pills justify-content-center">
|
||||
<li class="nav-item mx-2 mb-2">
|
||||
<a class="nav-link active" href="#">全部</a>
|
||||
</li>
|
||||
<li class="nav-item mx-2 mb-2">
|
||||
<a class="nav-link" href="#">公司动态</a>
|
||||
</li>
|
||||
<li class="nav-item mx-2 mb-2">
|
||||
<a class="nav-link" href="#">行业资讯</a>
|
||||
</li>
|
||||
<li class="nav-item mx-2 mb-2">
|
||||
<a class="nav-link" href="#">媒体报道</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 新闻文章2 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
<img src="images/news-2.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="AI识别">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-primary me-2">技术突破</span>
|
||||
<small class="text-muted">2024-01-10</small>
|
||||
</div>
|
||||
<h3 class="h4 card-title">AI识别准确率突破95%大关</h3>
|
||||
<p class="card-text text-muted">
|
||||
通过最新的深度学习算法优化，爱鉴花的AI识别准确率成功突破95%，
|
||||
在花卉识别领域达到行业领先水平。
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 新闻列表 -->
|
||||
<section class="py-5">
|
||||
<div class="container py-3">
|
||||
<div class="row g-4">
|
||||
<!-- 新闻项 1 -->
|
||||
<div class="col-md-4">
|
||||
<div class="card news-card border-0 shadow-sm h-100">
|
||||
<img src="images/news-1.jpg" class="card-img-top news-img lazy-load" alt="爱鉴花小程序正式上线" loading="lazy">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-primary me-2">公司动态</span>
|
||||
<span class="text-muted small">2024-01-15</span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- 新闻文章3 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-4">
|
||||
<img src="images/news-3.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="数据更新">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-primary me-2">产品更新</span>
|
||||
<small class="text-muted">2024-01-05</small>
|
||||
</div>
|
||||
<h3 class="h4 card-title">知识库新增1000种花卉数据</h3>
|
||||
<p class="card-text text-muted">
|
||||
本次更新新增1000种花卉的详细信息，包括生长习性、养护方法、药用价值等，
|
||||
为用户提供更全面的植物知识服务。
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<h5 class="card-title">爱鉴花小程序正式上线</h5>
|
||||
<p class="card-text text-muted flex-grow-1">经过数月开发，我们的微信小程序正式上线，欢迎体验。用户可以通过拍照或上传图片快速识别花卉种类。</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 行业资讯 -->
|
||||
<div class="mb-5">
|
||||
<h2 class="fw-bold mb-4 text-dark">行业资讯</h2>
|
||||
|
||||
<!-- 行业新闻1 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-info me-2">行业动态</span>
|
||||
<small class="text-muted">2024-01-08</small>
|
||||
</div>
|
||||
<h3 class="h5 card-title">人工智能在植物识别领域的应用前景</h3>
|
||||
<p class="card-text text-muted">
|
||||
随着深度学习技术的发展，AI在植物识别领域的应用越来越广泛。
|
||||
专家预测，未来几年该领域将迎来爆发式增长。
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-info btn-sm">阅读全文</a>
|
||||
</div>
|
||||
|
||||
<!-- 新闻项 2 -->
|
||||
<div class="col-md-4">
|
||||
<div class="card news-card border-0 shadow-sm h-100">
|
||||
<img src="images/news-2.jpg" class="card-img-top news-img lazy-load" alt="AI识别准确率再创新高" loading="lazy">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-success me-2">技术突破</span>
|
||||
<span class="text-muted small">2024-01-10</span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- 行业新闻2 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-info me-2">市场分析</span>
|
||||
<small class="text-muted">2024-01-03</small>
|
||||
</div>
|
||||
<h3 class="h5 card-title">2024年植物识别APP市场趋势分析</h3>
|
||||
<p class="card-text text-muted">
|
||||
最新市场研究报告显示，植物识别类APP用户规模持续增长，
|
||||
预计2024年全球市场规模将达到50亿美元。
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-info btn-sm">阅读全文</a>
|
||||
</div>
|
||||
</article>
|
||||
<h5 class="card-title">AI识别准确率再创新高</h5>
|
||||
<p class="card-text text-muted flex-grow-1">通过算法优化，花卉识别准确率提升至95%，在多项测试中表现优异。</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 媒体报道 -->
|
||||
<div>
|
||||
<h2 class="fw-bold mb-4 text-dark">媒体报道</h2>
|
||||
|
||||
<!-- 媒体报道1 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-warning me-2">媒体报道</span>
|
||||
<small class="text-muted">2024-01-12</small>
|
||||
</div>
|
||||
<h3 class="h5 card-title">科技日报：爱鉴花用AI技术连接人与自然</h3>
|
||||
<p class="card-text text-muted">
|
||||
"爱鉴花团队通过先进的AI技术，让普通用户也能轻松识别植物，
|
||||
这种技术创新对普及植物知识具有重要意义。"
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-warning btn-sm">阅读全文</a>
|
||||
</div>
|
||||
|
||||
<!-- 新闻项 3 -->
|
||||
<div class="col-md-4">
|
||||
<div class="card news-card border-0 shadow-sm h-100">
|
||||
<img src="images/news-3.jpg" class="card-img-top news-img lazy-load" alt="新增1000种花卉数据" loading="lazy">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-info me-2">产品更新</span>
|
||||
<span class="text-muted small">2024-01-05</span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- 媒体报道2 -->
|
||||
<article class="card news-article border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="badge bg-warning me-2">专访</span>
|
||||
<small class="text-muted">2024-01-07</small>
|
||||
</div>
|
||||
<h3 class="h5 card-title">创业邦专访：爱鉴花创始人的AI情怀</h3>
|
||||
<p class="card-text text-muted">
|
||||
"我们希望通过技术让更多人关注和热爱自然，
|
||||
这是爱鉴花团队的初心和使命。"——创始人张明
|
||||
</p>
|
||||
<a href="news-detail.html" class="btn btn-outline-warning btn-sm">阅读全文</a>
|
||||
</div>
|
||||
</article>
|
||||
<h5 class="card-title">新增1000种花卉数据</h5>
|
||||
<p class="card-text text-muted flex-grow-1">知识库新增1000种花卉信息，覆盖更全面，为用户提供更丰富的植物知识。</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 分页 -->
|
||||
<nav aria-label="Page navigation">
|
||||
</div>
|
||||
|
||||
<!-- 新闻项 4 -->
|
||||
<div class="col-md-4">
|
||||
<div class="card news-card border-0 shadow-sm h-100">
|
||||
<img src="images/news-4.jpg" class="card-img-top news-img lazy-load" alt="荣获年度创新产品奖" loading="lazy">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-warning me-2">荣誉奖项</span>
|
||||
<span class="text-muted small">2023-12-20</span>
|
||||
</div>
|
||||
<h5 class="card-title">荣获年度创新产品奖</h5>
|
||||
<p class="card-text text-muted flex-grow-1">爱鉴花在2023年度科技创新产品评选中荣获"年度创新产品奖"，这是对我们技术实力的认可。</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新闻项 5 -->
|
||||
<div class="col-md-4">
|
||||
<div class="card news-card border-0 shadow-sm h-100">
|
||||
<img src="images/news-5.jpg" class="card-img-top news-img lazy-load" alt="与植物研究所达成合作" loading="lazy">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-danger me-2">合作伙伴</span>
|
||||
<span class="text-muted small">2023-12-10</span>
|
||||
</div>
|
||||
<h5 class="card-title">与植物研究所达成合作</h5>
|
||||
<p class="card-text text-muted flex-grow-1">我们与国家植物研究所达成战略合作，将进一步提升AI识别的准确性和知识库的权威性。</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新闻项 6 -->
|
||||
<div class="col-md-4">
|
||||
<div class="card news-card border-0 shadow-sm h-100">
|
||||
<img src="images/news-6.jpg" class="card-img-top news-img lazy-load" alt="用户突破10万大关" loading="lazy">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-secondary me-2">里程碑</span>
|
||||
<span class="text-muted small">2023-11-28</span>
|
||||
</div>
|
||||
<h5 class="card-title">用户突破10万大关</h5>
|
||||
<p class="card-text text-muted flex-grow-1">自上线以来，爱鉴花用户数量突破10万，感谢广大用户的信任与支持。</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 分页 -->
|
||||
<div class="row mt-5">
|
||||
<div class="col-12">
|
||||
<nav aria-label="新闻分页">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">上一页</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item active"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">下一页</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- 侧边栏 -->
|
||||
<div class="col-lg-4">
|
||||
<!-- 搜索框 -->
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">搜索新闻</h5>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="输入关键词...">
|
||||
<button class="btn btn-primary" type="button">
|
||||
<i class="fas fa-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新闻分类 -->
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">新闻分类</h5>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<a href="#" class="text-decoration-none text-dark">公司新闻</a>
|
||||
<span class="badge bg-primary rounded-pill">12</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<a href="#" class="text-decoration-none text-dark">技术突破</a>
|
||||
<span class="badge bg-primary rounded-pill">8</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<a href="#" class="text-decoration-none text-dark">产品更新</a>
|
||||
<span class="badge bg-primary rounded-pill">15</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<a href="#" class="text-decoration-none text-dark">行业动态</a>
|
||||
<span class="badge bg-primary rounded-pill">6</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<a href="#" class="text-decoration-none text-dark">媒体报道</a>
|
||||
<span class="badge bg-primary rounded-pill">9</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 热门新闻 -->
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">热门新闻</h5>
|
||||
<div class="list-group list-group-flush">
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h6 class="mb-1">小程序上线首日用户破万</h6>
|
||||
<small class="text-muted">3天前</small>
|
||||
</div>
|
||||
<small class="text-muted">阅读量: 2,345</small>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h6 class="mb-1">AI识别准确率行业领先</h6>
|
||||
<small class="text-muted">1周前</small>
|
||||
</div>
|
||||
<small class="text-muted">阅读量: 1,876</small>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h6 class="mb-1">新增千种花卉数据</h6>
|
||||
<small class="text-muted">2周前</small>
|
||||
</div>
|
||||
<small class="text-muted">阅读量: 1,532</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 订阅更新 -->
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="card-title">订阅更新</h5>
|
||||
<p class="text-muted small">第一时间获取最新新闻动态</p>
|
||||
<div class="input-group mb-3">
|
||||
<input type="email" class="form-control" placeholder="您的邮箱">
|
||||
<button class="btn btn-primary" type="button">订阅</button>
|
||||
</div>
|
||||
<small class="text-muted">我们尊重您的隐私，绝不会分享您的信息</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -336,9 +231,9 @@
|
||||
<div class="col-lg-2 mb-4">
|
||||
<h6 class="mb-3">产品</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-muted text-decoration-none">微信小程序</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">API服务</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">企业版</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">微信小程序</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">API服务</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">企业版</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2 mb-4">
|
||||
@@ -346,7 +241,7 @@
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-muted text-decoration-none">帮助中心</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">常见问题</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
<li><a href="contact.html" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
|
||||
@@ -63,167 +63,228 @@
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h1 class="display-4 fw-bold mb-3">产品介绍</h1>
|
||||
<p class="lead">探索爱鉴花的智能花卉识别解决方案</p>
|
||||
<p class="lead">探索我们的智能花卉识别解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 产品概览 -->
|
||||
<!-- 产品功能介绍 -->
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark">我们的产品体系</h2>
|
||||
<p class="lead text-muted">为不同用户群体提供专业的花卉识别服务</p>
|
||||
</div>
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark mb-3">产品功能</h2>
|
||||
<p class="lead text-muted">深入了解我们的核心功能和服务</p>
|
||||
</div>
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<div class="row align-items-center mb-5">
|
||||
<div class="col-lg-6">
|
||||
<img src="images/product-mini-program.jpg" alt="微信小程序" class="img-fluid rounded shadow lazy-load" loading="lazy">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="fw-bold mb-3">微信小程序</h3>
|
||||
<p class="text-muted mb-4">
|
||||
随时随地识别花卉，操作简单，使用便捷。无需下载安装，
|
||||
打开微信即可使用，满足日常花卉识别需求。
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>拍照即时识别</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>详细的植物信息</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>养护知识指导</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>识别历史记录</li>
|
||||
</ul>
|
||||
<div class="mt-4">
|
||||
<a href="#" class="btn btn-primary me-3">立即体验</a>
|
||||
<a href="#" class="btn btn-outline-primary">了解更多</a>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title">AI智能识别</h5>
|
||||
<p class="card-text">通过深度学习技术，我们的AI模型可以准确识别超过10000种花卉植物，识别准确率高达95%。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 支持拍照和图片上传识别</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 实时识别反馈</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 支持多种图片格式</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- API服务 -->
|
||||
<div class="row align-items-center mb-5">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<img src="images/product-api.jpg" alt="API服务" class="img-fluid rounded shadow lazy-load" loading="lazy">
|
||||
</div>
|
||||
<div class="col-lg-6 order-lg-1">
|
||||
<h3 class="fw-bold mb-3">API服务</h3>
|
||||
<p class="text-muted mb-4">
|
||||
为开发者和企业提供稳定可靠的花卉识别API接口，
|
||||
轻松集成到您的应用中，扩展植物识别功能。
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>RESTful API接口</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>高并发支持</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>99.9%可用性</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>详细技术文档</li>
|
||||
</ul>
|
||||
<div class="mt-4">
|
||||
<a href="#" class="btn btn-primary me-3">查看文档</a>
|
||||
<a href="#" class="btn btn-outline-primary">申请试用</a>
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title">丰富知识库</h5>
|
||||
<p class="card-text">包含详尽的植物信息数据库，提供每种花卉的科学分类、生长习性、养护方法等详细信息。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 超过10000种植物信息</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 专业植物学描述</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 定期更新数据库</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 企业版 -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<img src="images/product-enterprise.jpg" alt="企业版" class="img-fluid rounded shadow lazy-load" loading="lazy">
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title">社区交流</h5>
|
||||
<p class="card-text">与花卉爱好者分享经验，交流养护心得，共同成长，建立一个热爱植物的社区。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 用户分享平台</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 专家在线答疑</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 植物养护讨论</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="fw-bold mb-3">企业版解决方案</h3>
|
||||
<p class="text-muted mb-4">
|
||||
为园林公司、教育机构、科研单位等提供定制化的
|
||||
花卉识别解决方案，满足专业级应用需求。
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>私有化部署</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>定制化模型训练</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>专业技术支持</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>批量处理功能</li>
|
||||
</ul>
|
||||
<div class="mt-4">
|
||||
<a href="contact.html" class="btn btn-primary me-3">联系我们</a>
|
||||
<a href="#" class="btn btn-outline-primary">方案详情</a>
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title">个性化服务</h5>
|
||||
<p class="card-text">根据用户识别历史和兴趣偏好，提供个性化的内容推荐和养护建议。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 个性化内容推荐</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 植物养护提醒</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i> 收藏和关注功能</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 功能对比 -->
|
||||
<!-- 产品对比 -->
|
||||
<section class="bg-light py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark">功能对比</h2>
|
||||
<p class="lead text-muted">选择最适合您的产品方案</p>
|
||||
</div>
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark mb-3">产品对比</h2>
|
||||
<p class="lead text-muted">三款产品功能差异对比</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card pricing-card border-0 shadow-sm text-center h-100">
|
||||
<div class="card-header bg-white py-4">
|
||||
<h4 class="fw-bold">微信小程序</h4>
|
||||
<div class="price">
|
||||
<span class="h2 text-primary">免费</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th>功能特性</th>
|
||||
<th>微信小程序</th>
|
||||
<th>API服务</th>
|
||||
<th>企业版</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>基础识别功能</td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>知识库查询</td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>识别准确率</td>
|
||||
<td>95%</td>
|
||||
<td>95%</td>
|
||||
<td>98%+</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>月识别次数</td>
|
||||
<td>100次</td>
|
||||
<td>1000次</td>
|
||||
<td>无限制</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>批量识别</td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>私有部署</td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>定制识别模型</td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>专属技术支持</td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-times text-danger"></i></td>
|
||||
<td><i class="fas fa-check text-success"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>价格</td>
|
||||
<td>免费</td>
|
||||
<td>¥99/月</td>
|
||||
<td>定制报价</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 使用案例 -->
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark mb-3">使用案例</h2>
|
||||
<p class="lead text-muted">真实用户使用场景和效果</p>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card testimonial-card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<ul class="list-unstyled mb-4">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>基础花卉识别</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>植物信息查询</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>识别历史记录</li>
|
||||
<li class="mb-2"><i class="fas fa-times text-muted me-2"></i>批量识别</li>
|
||||
<li class="mb-2"><i class="fas fa-times text-muted me-2"></i>API访问</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-outline-primary w-100">开始使用</a>
|
||||
<div class="testimonial-rating mb-3">
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
</div>
|
||||
<p class="card-text">"作为一个园艺爱好者，爱鉴花小程序帮助我快速识别了很多以前不认识的花卉，准确率真的很高！"</p>
|
||||
<div class="d-flex align-items-center mt-4">
|
||||
<div class="testimonial-avatar bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<span>张</span>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="mb-0">张女士</h6>
|
||||
<small class="text-muted">园艺爱好者</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card pricing-card border-0 shadow-sm text-center h-100">
|
||||
<div class="card-header bg-primary text-white py-4">
|
||||
<h4 class="fw-bold">API服务</h4>
|
||||
<div class="price">
|
||||
<span class="h2">¥99</span>
|
||||
<span class="text-white-50">/月</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card testimonial-card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<ul class="list-unstyled mb-4">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>1000次API调用</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>高精度识别</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>技术支持</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>批量识别</li>
|
||||
<li class="mb-2"><i class="fas fa-times text-muted me-2"></i>私有化部署</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary w-100">立即订阅</a>
|
||||
<div class="testimonial-rating mb-3">
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
</div>
|
||||
<p class="card-text">"我们植物研究所使用爱鉴花企业版进行批量植物识别，大大提高了我们的工作效率，非常满意！"</p>
|
||||
<div class="d-flex align-items-center mt-4">
|
||||
<div class="testimonial-avatar bg-success text-white rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<span>李</span>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="mb-0">李先生</h6>
|
||||
<small class="text-muted">植物研究所研究员</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card pricing-card border-0 shadow-sm text-center h-100">
|
||||
<div class="card-header bg-dark text-white py-4">
|
||||
<h4 class="fw-bold">企业版</h4>
|
||||
<div class="price">
|
||||
<span class="h2">定制</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card testimonial-card border-0 shadow-sm h-100">
|
||||
<div class="card-body p-4">
|
||||
<ul class="list-unstyled mb-4">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>无限次调用</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>私有化部署</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>定制模型训练</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>专属技术支持</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>批量处理</li>
|
||||
</ul>
|
||||
<a href="contact.html" class="btn btn-dark w-100">咨询方案</a>
|
||||
<div class="testimonial-rating mb-3">
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star text-warning"></i>
|
||||
<i class="fas fa-star-half-alt text-warning"></i>
|
||||
</div>
|
||||
<p class="card-text">"我们的花卉电商平台集成了爱鉴花API服务，为用户提供了植物识别功能，显著提升了用户体验。"</p>
|
||||
<div class="d-flex align-items-center mt-4">
|
||||
<div class="testimonial-avatar bg-info text-white rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<span>王</span>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="mb-0">王先生</h6>
|
||||
<small class="text-muted">电商平台产品经理</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -231,167 +292,84 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 技术优势 -->
|
||||
<section class="py-5">
|
||||
<!-- 价格方案 -->
|
||||
<section class="bg-light py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark">技术优势</h2>
|
||||
<p class="lead text-muted">领先的AI技术，卓越的用户体验</p>
|
||||
</div>
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark mb-3">价格方案</h2>
|
||||
<p class="lead text-muted">选择适合您的产品套餐</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon bg-primary text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-brain fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">深度学习算法</h5>
|
||||
<p class="text-muted">
|
||||
基于深度卷积神经网络，
|
||||
实现高精度花卉识别
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon bg-success text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-database fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">海量数据训练</h5>
|
||||
<p class="text-muted">
|
||||
超过100万张花卉图像训练，
|
||||
覆盖5000+种植物
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon bg-info text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-bolt fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">快速响应</h5>
|
||||
<p class="text-muted">
|
||||
平均识别时间小于2秒，
|
||||
提供流畅的用户体验
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon bg-warning text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-mobile-alt fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">多平台支持</h5>
|
||||
<p class="text-muted">
|
||||
支持iOS、Android、Web等多平台，
|
||||
随时随地使用
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon bg-danger text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-shield-alt fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">数据安全</h5>
|
||||
<p class="text-muted">
|
||||
HTTPS加密传输，
|
||||
确保用户数据安全
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon bg-secondary text-white rounded-circle mx-auto mb-3">
|
||||
<i class="fas fa-sync fa-2x"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">持续优化</h5>
|
||||
<p class="text-muted">
|
||||
算法持续迭代优化，
|
||||
不断提升识别准确率
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 客户评价 -->
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="display-5 fw-bold text-dark">客户评价</h2>
|
||||
<p class="lead text-muted">听听我们的用户怎么说</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="avatar mx-auto mb-3">
|
||||
<i class="fas fa-user-circle fa-3x text-primary"></i>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card pricing-card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-primary text-white text-center py-4">
|
||||
<h4 class="mb-0">微信小程序</h4>
|
||||
<div class="pricing-price mt-3">
|
||||
<span class="display-6">免费</span>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-2">张老师</h5>
|
||||
<p class="text-muted small mb-3">生物教师</p>
|
||||
<p class="text-muted">
|
||||
"爱鉴花小程序让我的生物课变得生动有趣，学生们现在对植物识别充满热情！"
|
||||
</p>
|
||||
<div class="rating text-warning">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<p class="mb-0">适合个人用户</p>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 基础识别功能</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 知识库查询</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 社区交流</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 每月100次识别</li>
|
||||
<li class="mb-3 text-muted"><i class="fas fa-times-circle me-2"></i> 批量识别</li>
|
||||
<li class="mb-3 text-muted"><i class="fas fa-times-circle me-2"></i> 专属支持</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn btn-outline-primary">立即使用</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="avatar mx-auto mb-3">
|
||||
<i class="fas fa-user-circle fa-3x text-primary"></i>
|
||||
<div class="col-md-4">
|
||||
<div class="card pricing-card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-success text-white text-center py-4">
|
||||
<h4 class="mb-0">API服务</h4>
|
||||
<div class="pricing-price mt-3">
|
||||
<span class="display-6">¥99</span>
|
||||
<span class="text-muted">/月</span>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-2">李经理</h5>
|
||||
<p class="text-muted small mb-3">园林公司</p>
|
||||
<p class="text-muted">
|
||||
"API接口非常稳定，集成到我们的园林管理系统中，大大提高了工作效率。"
|
||||
</p>
|
||||
<div class="rating text-warning">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<p class="mb-0">适合开发者和企业</p>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 基础识别功能</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 知识库查询</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 每月1000次识别</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 批量识别</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> API文档和技术支持</li>
|
||||
<li class="mb-3 text-muted"><i class="fas fa-times-circle me-2"></i> 私有部署</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn btn-success">立即购买</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="avatar mx-auto mb-3">
|
||||
<i class="fas fa-user-circle fa-3x text-primary"></i>
|
||||
<div class="col-md-4">
|
||||
<div class="card pricing-card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-dark text-white text-center py-4">
|
||||
<h4 class="mb-0">企业版</h4>
|
||||
<div class="pricing-price mt-3">
|
||||
<span class="display-6">定制</span>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-2">王女士</h5>
|
||||
<p class="text-muted small mb-3">花卉爱好者</p>
|
||||
<p class="text-muted">
|
||||
"识别准确率很高，养护知识也很实用，现在养花再也不用担心认错品种了！"
|
||||
</p>
|
||||
<div class="rating text-warning">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<p class="mb-0">适合大型企业和机构</p>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 基础识别功能</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 知识库查询</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 无限制识别次数</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 批量识别</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 私有部署</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 定制识别模型</li>
|
||||
<li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> 专属技术支持</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-dark">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -416,9 +394,9 @@
|
||||
<div class="col-lg-2 mb-4">
|
||||
<h6 class="mb-3">产品</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-muted text-decoration-none">微信小程序</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">API服务</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">企业版</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">微信小程序</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">API服务</a></li>
|
||||
<li><a href="products.html" class="text-muted text-decoration-none">企业版</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2 mb-4">
|
||||
@@ -426,7 +404,7 @@
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="text-muted text-decoration-none">帮助中心</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">常见问题</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
<li><a href="contact.html" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4">
|
||||
@@ -462,76 +440,5 @@
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<!-- Schema.org结构化数据 -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "ItemList",
|
||||
"name": "爱鉴花产品服务",
|
||||
"description": "爱鉴花提供的智能花卉识别产品和服务",
|
||||
"url": "https://aijianhua.com/products.html",
|
||||
"numberOfItems": 3,
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"item": {
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "微信小程序",
|
||||
"description": "免费的AI花卉识别微信小程序，随时随地识别植物",
|
||||
"applicationCategory": "UtilitiesApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "CNY"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "API服务",
|
||||
"description": "花卉识别API接口服务，为开发者提供技术支持",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "99",
|
||||
"priceCurrency": "CNY",
|
||||
"priceSpecification": {
|
||||
"@type": "UnitPriceSpecification",
|
||||
"price": "99",
|
||||
"priceCurrency": "CNY",
|
||||
"referenceQuantity": {
|
||||
"@type": "QuantitativeValue",
|
||||
"value": "1000",
|
||||
"unitCode": "C62"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 3,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "企业版解决方案",
|
||||
"description": "定制化的企业级花卉识别解决方案",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"priceSpecification": {
|
||||
"@type": "PriceSpecification",
|
||||
"price": "0",
|
||||
"priceCurrency": "CNY",
|
||||
"valueAddedTaxIncluded": false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,18 +1,18 @@
|
||||
User-agent: *
|
||||
Allow: /
|
||||
|
||||
# Sitemap
|
||||
# Sitemap location
|
||||
Sitemap: https://aijianhua.com/sitemap.xml
|
||||
|
||||
# Disallow admin pages and sensitive directories
|
||||
# Block access to sensitive directories
|
||||
Disallow: /admin/
|
||||
Disallow: /private/
|
||||
Disallow: /config/
|
||||
|
||||
# Allow search engines to crawl all content
|
||||
Allow: /*.html
|
||||
Allow: /*.css
|
||||
Allow: /*.js
|
||||
# Allow crawlers to access all HTML, CSS, and JS files
|
||||
Allow: /*.html$
|
||||
Allow: /*.css$
|
||||
Allow: /*.js$
|
||||
|
||||
# Crawl delay to prevent overloading server
|
||||
# Prevent server overloading with crawl delay
|
||||
Crawl-delay: 1
|
||||
@@ -1,33 +1,39 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://aijianhua.com/</loc>
|
||||
<lastmod>2024-01-15</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://aijianhua.com/index.html</loc>
|
||||
<lastmod>2024-01-20</lastmod>
|
||||
<lastmod>2024-01-15</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://aijianhua.com/about.html</loc>
|
||||
<lastmod>2024-01-20</lastmod>
|
||||
<lastmod>2024-01-15</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://aijianhua.com/products.html</loc>
|
||||
<lastmod>2024-01-20</lastmod>
|
||||
<lastmod>2024-01-15</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://aijianhua.com/news.html</loc>
|
||||
<lastmod>2024-01-20</lastmod>
|
||||
<lastmod>2024-01-15</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://aijianhua.com/contact.html</loc>
|
||||
<lastmod>2024-01-20</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.6</priority>
|
||||
<lastmod>2024-01-15</lastmod>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>0.7</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
Reference in New Issue
Block a user