Files
nxxmdata/website/download.html

328 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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