565 lines
32 KiB
HTML
565 lines
32 KiB
HTML
<!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="获取活牛采购智能数字化系统的最新动态、行业新闻和技术更新，了解养殖数字化领域的最新发展趋势和公司进展。">
|
||
<meta name="keywords" content="活牛采购新闻,行业资讯,产品更新,技术文章,客户案例,活动报道,养殖业趋势,数字化发展">
|
||
|
||
<!-- 结构化数据 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Blog",
|
||
"name": "活牛采购智能数字化系统 - 新闻动态",
|
||
"description": "获取活牛采购智能数字化系统的最新动态、行业新闻和技术更新，了解养殖数字化领域的最新发展趋势和公司进展。",
|
||
"url": "https://www.niumall.com/news.html"
|
||
}
|
||
</script>
|
||
|
||
<!-- Bootstrap 5 CSS -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Bootstrap Icons -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css" rel="stylesheet">
|
||
<!-- Font Awesome -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
|
||
<!-- AOS Animation -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
||
<!-- 自定义样式 -->
|
||
<link href="css/custom.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
|
||
<div class="container">
|
||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||
<div class="logo-container me-2">
|
||
<i class="fas fa-cow text-primary fs-2"></i>
|
||
</div>
|
||
<div class="brand-text">
|
||
<div class="brand-name fw-bold">NiuMall</div>
|
||
<div class="brand-subtitle">活牛采购智能系统</div>
|
||
</div>
|
||
</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="product.html">产品介绍</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="solutions.html">解决方案</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="cases.html">客户案例</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="news.html">新闻动态</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="about.html">关于我们</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="contact.html">联系我们</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="ms-3">
|
||
<a href="contact.html" class="btn btn-primary">免费试用</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 面包屑导航 -->
|
||
<nav aria-label="breadcrumb" class="pt-5 mt-5">
|
||
<div class="container">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
|
||
<li class="breadcrumb-item active" aria-current="page">新闻动态</li>
|
||
</ol>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 新闻动态英雄区域 -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-8">
|
||
<h1 class="display-5 fw-bold mb-4">新闻动态</h1>
|
||
<p class="lead">获取最新产品资讯和行业动态，了解活牛采购数字化领域的最新发展趋势</p>
|
||
<p>我们定期发布行业洞察、产品更新、技术文章和客户成功案例，帮助您了解行业发展和系统功能。</p>
|
||
<div class="mt-4">
|
||
<a href="#news-list" class="btn btn-primary btn-lg me-3">
|
||
<i class="fas fa-newspaper me-2"></i>查看新闻
|
||
</a>
|
||
<a href="contact.html" class="btn btn-outline-primary btn-lg">
|
||
<i class="fas fa-bell me-2"></i>订阅资讯
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="row g-3">
|
||
<div class="col-6">
|
||
<div class="bg-primary bg-opacity-10 p-3 rounded text-center h-100">
|
||
<div class="stat-number display-6 text-primary mb-2 count-up" data-target="150">0</div>
|
||
<div class="stat-label">行业报告</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="bg-success bg-opacity-10 p-3 rounded text-center h-100">
|
||
<div class="stat-number display-6 text-success mb-2 count-up" data-target="80" data-suffix="%">0%</div>
|
||
<div class="stat-label">用户增长</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="bg-warning bg-opacity-10 p-3 rounded text-center h-100">
|
||
<div class="stat-number display-6 text-warning mb-2 count-up" data-target="50">0</div>
|
||
<div class="stat-label">技术文章</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-6">
|
||
<div class="bg-info bg-opacity-10 p-3 rounded text-center h-100">
|
||
<div class="stat-number display-6 text-info mb-2 count-up" data-target="200">0</div>
|
||
<div class="stat-label">客户案例</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻筛选和搜索功能 -->
|
||
<section class="py-3 bg-light">
|
||
<div class="container">
|
||
<div class="d-flex flex-wrap align-items-center justify-content-between">
|
||
<div class="d-flex flex-wrap gap-2 mb-3 mb-md-0">
|
||
<button class="btn btn-outline-primary btn-sm active" data-filter="all">全部</button>
|
||
<button class="btn btn-outline-primary btn-sm" data-filter="product">产品更新</button>
|
||
<button class="btn btn-outline-primary btn-sm" data-filter="industry">行业资讯</button>
|
||
<button class="btn btn-outline-primary btn-sm" data-filter="case">客户案例</button>
|
||
<button class="btn btn-outline-primary btn-sm" data-filter="tech">技术文章</button>
|
||
<button class="btn btn-outline-primary btn-sm" data-filter="event">活动报道</button>
|
||
</div>
|
||
<div class="d-flex">
|
||
<div class="input-group input-group-sm">
|
||
<input type="text" class="form-control" placeholder="搜索新闻..." id="newsSearch">
|
||
<button class="btn btn-primary" type="button" id="searchBtn">
|
||
<i class="fas fa-search"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻列表 -->
|
||
<section id="news-list" class="py-5">
|
||
<div class="container">
|
||
<div class="row g-4">
|
||
<!-- 新闻1 -->
|
||
<div class="col-12" data-category="product">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="row g-0 h-100">
|
||
<div class="col-md-4">
|
||
<img src="images/news1.jpg" class="img-fluid rounded-start h-100 object-fit-cover img-hover-zoom" alt="产品更新">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-primary mb-2">产品更新</span>
|
||
<h3 class="card-title">活牛采购智能数字化系统V3.2正式发布</h3>
|
||
<p class="card-text text-muted">新版本增加了AI智能采购预测、移动端优化、数据可视化等功能，进一步提升了用户体验和系统性能。本次更新重点优化了采购决策支持模块，新增了市场价格趋势分析功能。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年12月15日
|
||
<i class="far fa-user ms-3 me-1"></i> 产品经理
|
||
</small>
|
||
<a href="#news-detail-1" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻2 -->
|
||
<div class="col-12" data-category="industry">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="row g-0 h-100">
|
||
<div class="col-md-4">
|
||
<img src="images/news2.jpg" class="img-fluid rounded-start h-100 object-fit-cover img-hover-zoom" alt="行业资讯">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-success mb-2">行业资讯</span>
|
||
<h3 class="card-title">数字化转型推动畜牧业高质量发展</h3>
|
||
<p class="card-text text-muted">随着信息技术的发展，数字化转型已成为畜牧业发展的必然趋势。活牛采购智能数字化系统引领行业变革，帮助养殖企业提升采购效率，降低经营风险，实现可持续发展。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年11月28日
|
||
<i class="far fa-user ms-3 me-1"></i> 行业分析师
|
||
</small>
|
||
<a href="#news-detail-2" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻3 -->
|
||
<div class="col-12" data-category="case">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="row g-0 h-100">
|
||
<div class="col-md-4">
|
||
<img src="images/news3.jpg" class="img-fluid rounded-start h-100 object-fit-cover img-hover-zoom" alt="客户案例">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-info mb-2">客户案例</span>
|
||
<h3 class="card-title">XX牧业集团成功实施采购数字化项目</h3>
|
||
<p class="card-text text-muted">通过与我们合作，XX牧业集团实现了采购流程的全面数字化，采购效率提升40%，成本降低30%。该项目覆盖了从供应商管理到结算支付的全流程，为集团节省了大量人力成本。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年11月12日
|
||
<i class="far fa-user ms-3 me-1"></i> 客户成功部
|
||
</small>
|
||
<a href="#news-detail-3" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻4 -->
|
||
<div class="col-12" data-category="tech">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="card-body">
|
||
<span class="badge bg-warning mb-2">技术文章</span>
|
||
<h4 class="card-title">基于大数据的活牛价格预测模型研究</h4>
|
||
<p class="card-text text-muted">本文介绍了我们研发的活牛价格预测模型，该模型基于历史交易数据、市场供需关系、季节性因素等多个维度进行分析，能够为用户提供准确的价格趋势预测，辅助采购决策。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年10月25日
|
||
<i class="far fa-user ms-3 me-1"></i> 技术研发部
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻5 -->
|
||
<div class="col-12" data-category="product">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="card-body">
|
||
<span class="badge bg-primary mb-2">产品更新</span>
|
||
<h4 class="card-title">系统优化升级，提升用户体验</h4>
|
||
<p class="card-text text-muted">我们持续对系统进行优化升级，不断提升用户体验和系统性能。最新版本解决了部分用户反馈的问题，优化了移动端操作流程，提升了数据加载速度。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年10月10日
|
||
<i class="far fa-user ms-3 me-1"></i> 技术团队
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻6 -->
|
||
<div class="col-12" data-category="event">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="row g-0 h-100">
|
||
<div class="col-md-4">
|
||
<img src="images/news4.jpg" class="img-fluid rounded-start h-100 object-fit-cover img-hover-zoom" alt="活动报道">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-danger mb-2">活动报道</span>
|
||
<h3 class="card-title">参加2023中国畜牧业博览会圆满成功</h3>
|
||
<p class="card-text text-muted">在刚刚结束的2023中国畜牧业博览会上，我们的活牛采购智能数字化系统获得了广泛关注。展会期间与多家行业龙头企业达成合作意向，展示了我们在畜牧行业数字化转型方面的领先优势。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年9月18日
|
||
<i class="far fa-user ms-3 me-1"></i> 市场部
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻7 -->
|
||
<div class="col-12" data-category="industry">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">行业资讯</span>
|
||
<h4 class="card-title">荣获"2023年度畜牧科技创新奖"</h4>
|
||
<p class="card-text text-muted">凭借在畜牧行业数字化转型方面的突出贡献，我们的活牛采购智能数字化系统荣获"2023年度畜牧科技创新奖"。这是对我们团队多年努力和创新成果的充分肯定。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年9月5日
|
||
<i class="far fa-user ms-3 me-1"></i> 市场部
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻8 -->
|
||
<div class="col-12" data-category="tech">
|
||
<div class="card border-0 shadow-sm h-100">
|
||
<div class="card-body">
|
||
<span class="badge bg-warning mb-2">技术文章</span>
|
||
<h4 class="card-title">与YY农业大学建立产学研合作关系</h4>
|
||
<p class="card-text text-muted">为进一步推动技术创新，我们与YY农业大学签署战略合作协议，共同开展畜牧行业数字化转型研究。双方将在智能采购算法、数据分析模型等领域展开深度合作。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年8月22日
|
||
<i class="far fa-user ms-3 me-1"></i> 合作发展部
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 分页 -->
|
||
<nav aria-label="新闻分页" class="mt-5">
|
||
<ul class="pagination justify-content-center">
|
||
<li class="page-item disabled">
|
||
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">上一页</a>
|
||
</li>
|
||
<li class="page-item active" aria-current="page">
|
||
<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>
|
||
</section>
|
||
|
||
<!-- 新闻详情 -->
|
||
<section id="news-detail-1" class="py-5 bg-light">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<article>
|
||
<span class="badge bg-primary mb-3">产品更新</span>
|
||
<h1 class="display-6 mb-4">活牛采购智能数字化系统V3.2正式发布</h1>
|
||
<div class="d-flex text-muted mb-4">
|
||
<span class="me-3"><i class="far fa-calendar-alt me-1"></i> 2023年12月15日</span>
|
||
<span class="me-3"><i class="far fa-user me-1"></i> 产品经理</span>
|
||
<span><i class="far fa-eye me-1"></i> 阅读量: 1256</span>
|
||
</div>
|
||
<img src="images/news1.jpg" alt="产品更新" class="img-fluid rounded mb-4 img-hover-zoom">
|
||
|
||
<p>我们很高兴地宣布，活牛采购智能数字化系统V3.2版本正式发布！新版本在原有功能基础上进行了全面升级和优化，为用户带来更加智能、便捷的使用体验。</p>
|
||
|
||
<h4 class="mt-4">主要更新内容</h4>
|
||
|
||
<h5 class="mt-3">1. AI智能采购预测</h5>
|
||
<p>基于历史数据和市场趋势分析，系统能够为用户提供智能采购预测，包括采购时机、数量预测、价格趋势等，帮助用户做出更明智的采购决策。该功能采用了先进的机器学习算法，预测准确率高达90%以上。</p>
|
||
|
||
<h5 class="mt-3">2. 移动端优化</h5>
|
||
<p>针对移动设备进行了全面优化，界面更加简洁直观，操作更加流畅便捷。无论您是在牧场、运输途中还是办公室，都能轻松管理采购流程。新增了离线模式，即使在网络不稳定的情况下也能正常使用核心功能。</p>
|
||
|
||
<h5 class="mt-3">3. 数据可视化</h5>
|
||
<p>新增丰富的数据可视化功能，通过图表形式直观展示采购数据、成本分析、供应商绩效等关键指标，让数据更有价值。用户可以自定义报表模板，一键生成采购分析报告。</p>
|
||
|
||
<h5 class="mt-3">4. 性能优化</h5>
|
||
<p>对系统架构进行了优化，提升了数据处理能力和响应速度，即使在高峰期也能保持流畅运行。数据库查询效率提升50%，页面加载速度提升30%。</p>
|
||
|
||
<h4 class="mt-4">用户反馈</h4>
|
||
<blockquote class="blockquote bg-white p-4 rounded shadow-sm">
|
||
<p>"V3.2版本的AI智能采购预测功能非常实用，帮助我们更好地把握市场时机，降低了采购成本。数据显示预测准确率确实很高，为我们的决策提供了有力支持。"</p>
|
||
<footer class="blockquote-footer mt-2">某大型牧业集团采购总监</footer>
|
||
</blockquote>
|
||
|
||
<div class="alert alert-info mt-4">
|
||
<h5>如何升级</h5>
|
||
<p>现有用户可登录系统后台进行在线升级，新用户可直接访问官网下载最新版本。如有任何疑问，请联系我们的技术支持团队。</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<div class="card bg-primary text-white border-0 shadow">
|
||
<div class="card-body p-5 text-center">
|
||
<h3 class="mb-3">关注我们，获取最新资讯</h3>
|
||
<p class="mb-4">订阅我们的新闻通讯，第一时间获取产品更新和行业动态</p>
|
||
<div class="d-flex flex-wrap justify-content-center gap-3">
|
||
<a href="contact.html" class="btn btn-light btn-lg">
|
||
<i class="fas fa-bell me-2"></i>订阅资讯
|
||
</a>
|
||
<a href="#news-list" class="btn btn-outline-light btn-lg">
|
||
<i class="fas fa-newspaper me-2"></i>查看所有新闻
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 mb-4 mb-lg-0">
|
||
<h5 class="footer-title">活牛采购智能数字化系统</h5>
|
||
<p>专业的活牛采购全流程数字化管理解决方案，提升采购效率，降低经营风险。</p>
|
||
<div class="d-flex">
|
||
<a href="#" class="social-icon"><i class="fab fa-weixin"></i></a>
|
||
<a href="#" class="social-icon"><i class="fab fa-weibo"></i></a>
|
||
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
|
||
<h5 class="footer-title">产品</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><a href="product.html">功能介绍</a></li>
|
||
<li class="mb-2"><a href="solutions.html">解决方案</a></li>
|
||
<li class="mb-2"><a href="cases.html">客户案例</a></li>
|
||
<li class="mb-2"><a href="news.html">更新日志</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
|
||
<h5 class="footer-title">支持</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><a href="#">帮助中心</a></li>
|
||
<li class="mb-2"><a href="#">在线客服</a></li>
|
||
<li class="mb-2"><a href="#">开发者文档</a></li>
|
||
<li class="mb-2"><a href="#">合作伙伴</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-4">
|
||
<h5 class="footer-title">联系我们</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 武汉市东湖高新区光谷软件园F2栋</li>
|
||
<li class="mb-2"><i class="fas fa-phone me-2"></i> 19971988959</li>
|
||
<li class="mb-2"><i class="fas fa-envelope me-2"></i> niumall@aiotagro.com</li>
|
||
<li class="mb-2"><i class="fas fa-envelope me-2"></i> master@aiotagro.com</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="copyright text-center">
|
||
<p>© 2023 活牛采购智能数字化系统. 保留所有权利。</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- 返回顶部按钮 -->
|
||
<button class="back-to-top" aria-label="返回顶部">
|
||
<i class="fas fa-arrow-up"></i>
|
||
</button>
|
||
|
||
<!-- Bootstrap JS -->
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
||
<!-- AOS Animation -->
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
||
<!-- 自定义脚本 -->
|
||
<script src="js/main.js"></script>
|
||
|
||
<script>
|
||
// 初始化AOS动画
|
||
AOS.init({
|
||
duration: 800,
|
||
once: true
|
||
});
|
||
|
||
// 新闻筛选功能
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const filterButtons = document.querySelectorAll('[data-filter]');
|
||
const newsItems = document.querySelectorAll('#news-list .col-12');
|
||
const searchInput = document.getElementById('newsSearch');
|
||
const searchBtn = document.getElementById('searchBtn');
|
||
|
||
// 筛选功能
|
||
filterButtons.forEach(button => {
|
||
button.addEventListener('click', function() {
|
||
// 更新活动状态
|
||
filterButtons.forEach(btn => btn.classList.remove('active'));
|
||
this.classList.add('active');
|
||
|
||
const filter = this.getAttribute('data-filter');
|
||
|
||
newsItems.forEach(item => {
|
||
if (filter === 'all' || item.getAttribute('data-category') === filter) {
|
||
item.style.display = 'block';
|
||
} else {
|
||
item.style.display = 'none';
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
// 搜索功能
|
||
searchBtn.addEventListener('click', function() {
|
||
const searchTerm = searchInput.value.toLowerCase();
|
||
|
||
newsItems.forEach(item => {
|
||
const title = item.querySelector('.card-title').textContent.toLowerCase();
|
||
const content = item.querySelector('.card-text').textContent.toLowerCase();
|
||
|
||
if (title.includes(searchTerm) || content.includes(searchTerm)) {
|
||
item.style.display = 'block';
|
||
} else {
|
||
item.style.display = 'none';
|
||
}
|
||
});
|
||
});
|
||
|
||
// 回车搜索
|
||
searchInput.addEventListener('keypress', function(e) {
|
||
if (e.key === 'Enter') {
|
||
searchBtn.click();
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |