Files
nxxmdata/website/download.html

328 lines
15 KiB
HTML
Raw Normal View History

2025-09-12 19:45:01 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>下载中心 - 宁夏智慧养殖监管平台</title>
<meta name="description" content="下载宁夏智慧养殖监管平台客户端、移动端APP及相关文档资料">
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">
<!-- 自定义样式 -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Chart.js -->
<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
宁夏智慧养殖监管平台
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#features">功能特性</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#technology">技术优势</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#cases">客户案例</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#news">新闻动态</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#contact">联系我们</a>
</li>
<li class="nav-item">
<a class="btn btn-primary ms-2" href="download.html">
<i class="bi bi-download me-1"></i>下载中心
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- 下载中心 -->
<section class="download-section">
<div class="container">
<!-- 面包屑导航 -->
<nav aria-label="breadcrumb" class="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
<li class="breadcrumb-item active" aria-current="page">下载中心</li>
</ol>
</nav>
<div class="text-center mb-5">
<h1 class="section-title">下载中心</h1>
<p class="section-subtitle">获取宁夏智慧养殖监管平台最新版本客户端和文档资料</p>
</div>
<div class="row">
<!-- PC客户端 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="download-card">
<div class="download-icon">
<i class="bi bi-pc-display"></i>
</div>
<div class="download-info">
<h4>PC客户端</h4>
<p>功能完整的桌面应用程序,提供最佳的用户体验</p>
</div>
<div class="download-meta">
<span>v2.1.0</span>
<span class="version-badge">最新版本</span>
<span>Windows</span>
</div>
<a href="#" class="download-btn" onclick="downloadFile('pc-client')">
<i class="bi bi-download"></i>
立即下载
</a>
</div>
</div>
<!-- 移动端APP -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="download-card">
<div class="download-icon">
<i class="bi bi-phone"></i>
</div>
<div class="download-info">
<h4>移动端APP</h4>
<p>随时随地管理养殖业务支持iOS和Android系统</p>
</div>
<div class="download-meta">
<span>v2.0.5</span>
<span class="version-badge">最新版本</span>
<span>iOS/Android</span>
</div>
<div class="d-flex gap-2">
<a href="#" class="download-btn" onclick="downloadFile('ios-app')">
<i class="bi bi-apple"></i>
iOS
</a>
<a href="#" class="download-btn" onclick="downloadFile('android-app')">
<i class="bi bi-android2"></i>
Android
</a>
</div>
</div>
</div>
<!-- 用户手册 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="download-card">
<div class="download-icon">
<i class="bi bi-book"></i>
</div>
<div class="download-info">
<h4>用户手册</h4>
<p>详细的使用说明和操作指南,帮助您快速上手</p>
</div>
<div class="download-meta">
<span>v2.1</span>
<span>PDF文档</span>
<span>12.5MB</span>
</div>
<a href="#" class="download-btn" onclick="downloadFile('user-manual')">
<i class="bi bi-file-earmark-pdf"></i>
下载手册
</a>
</div>
</div>
<!-- API文档 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="download-card">
<div class="download-icon">
<i class="bi bi-code-slash"></i>
</div>
<div class="download-info">
<h4>API文档</h4>
<p>开发人员接口文档,支持系统集成和二次开发</p>
</div>
<div class="download-meta">
<span>v2.0</span>
<span>HTML文档</span>
<span>8.2MB</span>
</div>
<a href="#" class="download-btn" onclick="downloadFile('api-docs')">
<i class="bi bi-download"></i>
下载文档
</a>
</div>
</div>
<!-- 技术白皮书 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="download-card">
<div class="download-icon">
<i class="bi bi-file-text"></i>
</div>
<div class="download-info">
<h4>技术白皮书</h4>
<p>系统架构和技术实现细节,深入了解平台技术</p>
</div>
<div class="download-meta">
<span>v1.5</span>
<span>PDF文档</span>
<span>5.8MB</span>
</div>
<a href="#" class="download-btn" onclick="downloadFile('whitepaper')">
<i class="bi bi-download"></i>
下载白皮书
</a>
</div>
</div>
<!-- 演示视频 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="download-card">
<div class="download-icon">
<i class="bi bi-play-btn"></i>
</div>
<div class="download-info">
<h4>演示视频</h4>
<p>系统功能演示视频,直观了解平台操作流程</p>
</div>
<div class="download-meta">
<span>v2.1</span>
<span>MP4视频</span>
<span>45.3MB</span>
</div>
<a href="#" class="download-btn" onclick="downloadFile('demo-video')">
<i class="bi bi-play-circle"></i>
观看视频
</a>
</div>
</div>
</div>
<!-- 系统要求 -->
<div class="requirements">
<h3 class="mb-4">系统要求</h3>
<div class="row">
<div class="col-md-6">
<h5>PC客户端</h5>
<ul class="list-unstyled">
<li><i class="bi bi-check-lg text-success me-2"></i>操作系统: Windows 10/11</li>
<li><i class="bi bi-check-lg text-success me-2"></i>内存: 4GB RAM 或更高</li>
<li><i class="bi bi-check-lg text-success me-2"></i>存储: 500MB 可用空间</li>
<li><i class="bi bi-check-lg text-success me-2"></i>网络: 宽带互联网连接</li>
</ul>
</div>
<div class="col-md-6">
<h5>移动端APP</h5>
<ul class="list-unstyled">
<li><i class="bi bi-check-lg text-success me-2"></i>iOS: 版本 12.0 或更高</li>
<li><i class="bi bi-check-lg text-success me-2"></i>Android: 版本 8.0 或更高</li>
<li><i class="bi bi-check-lg text-success me-2"></i>存储: 100MB 可用空间</li>
<li><i class="bi bi-check-lg text-success me-2"></i>网络: 4G/5G 或 WiFi</li>
</ul>
</div>
</div>
</div>
<!-- 更新日志 -->
<div class="mt-5">
<h3 class="mb-4">更新日志</h3>
<div class="accordion" id="changelogAccordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#changelogLatest">
v2.1.0 - 最新版本 (2025-01-15)
</button>
</h2>
<div id="changelogLatest" class="accordion-collapse collapse show" data-bs-parent="#changelogAccordion">
<div class="accordion-body">
<h6>新增功能</h6>
<ul>
<li>新增智能预警系统</li>
<li>增加移动端离线模式支持</li>
<li>优化数据分析报表功能</li>
</ul>
<h6>修复问题</h6>
<ul>
<li>修复地图加载性能问题</li>
<li>解决数据同步冲突问题</li>
<li>优化内存使用效率</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#changelogPrevious">
v2.0.5 - 历史版本 (2024-12-10)
</button>
</h2>
<div id="changelogPrevious" class="accordion-collapse collapse" data-bs-parent="#changelogAccordion">
<div class="accordion-body">
<h6>功能优化</h6>
<ul>
<li>改进用户界面设计</li>
<li>增强数据安全性</li>
<li>优化移动端体验</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer bg-dark text-white py-4">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
</div>
<div class="col-md-6 text-md-end">
<p>备案号: 宁ICP备XXXXXXXX号</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap & jQuery JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- 自定义脚本 -->
<script src="assets/js/script.js"></script>
<script>
// 下载文件函数
function downloadFile(fileType) {
// 模拟下载过程
const downloadModal = new bootstrap.Modal(document.getElementById('downloadModal'));
downloadModal.show();
// 这里可以添加实际的下载逻辑
console.log('开始下载:', fileType);
}
// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
// 初始化导航栏滚动效果
initNavbarScroll();
});
</script>
</body>
</html>