官网添加案例详情和新闻动态详情
This commit is contained in:
@@ -55,15 +55,17 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#technology">技术优势</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#systems">系统入口</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#cases">客户案例</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#news">新闻动态</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#systems">系统入口</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#contact">联系我们</a>
|
||||
</li>
|
||||
@@ -297,35 +299,50 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case1.jpg" alt="案例1" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>宁夏某大型养殖集团</h5>
|
||||
<p>实现全流程数字化管理，生产效率提升30%</p>
|
||||
</div>
|
||||
<a href="case-detail.html?case=case1" class="text-decoration-none text-dark">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case1.jpg" alt="案例1" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>宁夏某大型养殖集团</h5>
|
||||
<p>实现全流程数字化管理，生产效率提升30%</p>
|
||||
<div class="case-link mt-2">
|
||||
<span class="btn btn-outline-primary btn-sm">查看详情 →</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case2.jpg" alt="案例2" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>某现代农业示范区</h5>
|
||||
<p>智能化监控系统，降低人工成本40%</p>
|
||||
</div>
|
||||
<a href="case-detail.html?case=case2" class="text-decoration-none text-dark">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case2.jpg" alt="案例2" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>某现代农业示范区</h5>
|
||||
<p>智能化监控系统，降低人工成本40%</p>
|
||||
<div class="case-link mt-2">
|
||||
<span class="btn btn-outline-primary btn-sm">查看详情 →</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="case-card">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case3.jpg" alt="案例3" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>某生态养殖基地</h5>
|
||||
<p>环境精准调控，产品品质显著提升</p>
|
||||
</div>
|
||||
<a href="case-detail.html?case=case3" class="text-decoration-none text-dark">
|
||||
<div class="case-image">
|
||||
<img src="assets/images/case3.jpg" alt="案例3" class="img-fluid">
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<h5>某生态养殖基地</h5>
|
||||
<p>环境精准调控，产品品质显著提升</p>
|
||||
<div class="case-link mt-2">
|
||||
<span class="btn btn-outline-primary btn-sm">查看详情 →</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -343,28 +360,33 @@
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="news-card">
|
||||
<div class="news-date">2025-01-15</div>
|
||||
<h5>平台v2.0版本发布</h5>
|
||||
<h5><a href="news.html" class="text-decoration-none text-dark">平台v2.0版本发布</a></h5>
|
||||
<p>新增智能预警和移动端优化功能</p>
|
||||
<a href="#" class="news-link">阅读更多 →</a>
|
||||
<a href="news.html" class="news-link">阅读更多 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="news-card">
|
||||
<div class="news-date">2025-01-10</div>
|
||||
<h5>智慧养殖技术研讨会</h5>
|
||||
<h5><a href="news.html" class="text-decoration-none text-dark">智慧养殖技术研讨会</a></h5>
|
||||
<p>成功举办行业技术交流会议</p>
|
||||
<a href="#" class="news-link">阅读更多 →</a>
|
||||
<a href="news.html" class="news-link">阅读更多 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="news-card">
|
||||
<div class="news-date">2025-01-05</div>
|
||||
<h5>养殖行业政策解读</h5>
|
||||
<h5><a href="news.html" class="text-decoration-none text-dark">养殖行业政策解读</a></h5>
|
||||
<p>最新政策对智慧养殖的影响分析</p>
|
||||
<a href="#" class="news-link">阅读更多 →</a>
|
||||
<a href="news.html" class="news-link">阅读更多 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-4">
|
||||
<a href="news.html" class="btn btn-outline-primary">
|
||||
查看更多新闻 <i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -467,71 +489,71 @@
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
<!-- 百度地图API -->
|
||||
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo"></script>
|
||||
<!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo"></script> -->
|
||||
|
||||
<script>
|
||||
// 初始化百度地图
|
||||
function initBaiduMap() {
|
||||
try {
|
||||
// 创建地图实例
|
||||
var map = new BMap.Map("baidu-map-container");
|
||||
// function initBaiduMap() {
|
||||
// try {
|
||||
// // 创建地图实例
|
||||
// var map = new BMap.Map("baidu-map-container");
|
||||
|
||||
// 设置中心点坐标（银川市金凤区）
|
||||
var point = new BMap.Point(106.278179, 38.46637);
|
||||
// // 设置中心点坐标（银川市金凤区）
|
||||
// var point = new BMap.Point(106.278179, 38.46637);
|
||||
|
||||
// 初始化地图，设置中心点坐标和地图级别
|
||||
map.centerAndZoom(point, 15);
|
||||
// // 初始化地图，设置中心点坐标和地图级别
|
||||
// map.centerAndZoom(point, 15);
|
||||
|
||||
// 启用滚轮放大缩小
|
||||
map.enableScrollWheelZoom(true);
|
||||
// // 启用滚轮放大缩小
|
||||
// map.enableScrollWheelZoom(true);
|
||||
|
||||
// 添加地图类型控件
|
||||
map.addControl(new BMap.MapTypeControl());
|
||||
// // 添加地图类型控件
|
||||
// map.addControl(new BMap.MapTypeControl());
|
||||
|
||||
// 添加缩放控件
|
||||
map.addControl(new BMap.NavigationControl());
|
||||
// // 添加缩放控件
|
||||
// map.addControl(new BMap.NavigationControl());
|
||||
|
||||
// 添加比例尺控件
|
||||
map.addControl(new BMap.ScaleControl());
|
||||
// // 添加比例尺控件
|
||||
// map.addControl(new BMap.ScaleControl());
|
||||
|
||||
// 创建标注
|
||||
var marker = new BMap.Marker(point);
|
||||
map.addOverlay(marker);
|
||||
// // 创建标注
|
||||
// var marker = new BMap.Marker(point);
|
||||
// map.addOverlay(marker);
|
||||
|
||||
// 创建信息窗口
|
||||
var infoWindow = new BMap.InfoWindow("<div style='padding:10px;'><h6>宁夏智慧养殖监管平台</h6><p>宁夏·银川（金凤区）</p></div>");
|
||||
// // 创建信息窗口
|
||||
// var infoWindow = new BMap.InfoWindow("<div style='padding:10px;'><h6>宁夏智慧养殖监管平台</h6><p>宁夏·银川（金凤区）</p></div>");
|
||||
|
||||
// 点击标注显示信息窗口
|
||||
marker.addEventListener("click", function(){
|
||||
map.openInfoWindow(infoWindow, point);
|
||||
});
|
||||
// // 点击标注显示信息窗口
|
||||
// marker.addEventListener("click", function(){
|
||||
// map.openInfoWindow(infoWindow, point);
|
||||
// });
|
||||
|
||||
// 默认显示信息窗口
|
||||
map.openInfoWindow(infoWindow, point);
|
||||
// // 默认显示信息窗口
|
||||
// map.openInfoWindow(infoWindow, point);
|
||||
|
||||
console.log('百度地图初始化成功');
|
||||
} catch (error) {
|
||||
console.error('百度地图初始化失败:', error);
|
||||
// 如果地图加载失败，显示备用内容
|
||||
document.getElementById('baidu-map-container').innerHTML =
|
||||
'<div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted">' +
|
||||
'<div class="text-center">' +
|
||||
'<i class="bi bi-geo-alt-fill display-4 mb-3"></i>' +
|
||||
'<h5>地图加载中...</h5>' +
|
||||
'<p>如果地图无法显示，请检查网络连接</p>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
}
|
||||
}
|
||||
// console.log('百度地图初始化成功');
|
||||
// } catch (error) {
|
||||
// console.error('百度地图初始化失败:', error);
|
||||
// // 如果地图加载失败，显示备用内容
|
||||
// document.getElementById('baidu-map-container').innerHTML =
|
||||
// '<div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted">' +
|
||||
// '<div class="text-center">' +
|
||||
// '<i class="bi bi-geo-alt-fill display-4 mb-3"></i>' +
|
||||
// '<h5>地图加载中...</h5>' +
|
||||
// '<p>如果地图无法显示，请检查网络连接</p>' +
|
||||
// '</div>' +
|
||||
// '</div>';
|
||||
// }
|
||||
// }
|
||||
|
||||
// 页面加载完成后初始化地图
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 延迟初始化，确保百度地图API已加载
|
||||
setTimeout(initBaiduMap, 1000);
|
||||
});
|
||||
// // 页面加载完成后初始化地图
|
||||
// document.addEventListener('DOMContentLoaded', function() {
|
||||
// // 延迟初始化，确保百度地图API已加载
|
||||
// setTimeout(initBaiduMap, 1000);
|
||||
// });
|
||||
|
||||
// 如果百度地图API加载失败的回调
|
||||
window.BMap_loadScriptTime = (new Date).getTime();
|
||||
// // 如果百度地图API加载失败的回调
|
||||
// window.BMap_loadScriptTime = (new Date).getTime();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user