aiotagro/niumalll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增CSS动画效果和交互样式优化

Browse Source
This commit is contained in:
aiotagro
2025-09-12 20:26:41 +08:00
parent a85cc9b25a
commit 315ee57972
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
website/about.html
View File

@@ -112,7 +112,7 @@
</div>
</div>
<div class="col-lg-6">
<img src="images/about-banner.jpg" alt="关于我们" class="img-fluid rounded shadow" loading="lazy">
<img src="images/about-banner.jpg" alt="关于我们" class="img-fluid rounded shadow img-hover-zoom" loading="lazy">
</div>
</div>
</div>
@@ -250,7 +250,7 @@
<div class="row g-4">
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team1.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CEO" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team1.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="CEO" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">张伟</h5>
<p class="text-primary">创始人兼CEO</p>
@@ -265,7 +265,7 @@
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team2.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CTO" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team2.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="CTO" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">李明</h5>
<p class="text-primary">联合创始人兼CTO</p>
@@ -280,7 +280,7 @@
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team3.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="产品经理" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team3.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="产品经理" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">王芳</h5>
<p class="text-primary">产品总监</p>
@@ -295,7 +295,7 @@
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team4.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="客户成功总监" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team4.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="客户成功总监" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">刘强</h5>
<p class="text-primary">客户成功总监</p>

12
website/cases.html
View File

@@ -171,7 +171,7 @@
<div class="row g-4 mb-5 case-grid">
<div class="col-md-6 col-lg-4" data-category="large">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case1.jpg" class="card-img-top" alt="山东畜牧合作社数字化转型" loading="lazy">
<img src="images/case1.jpg" class="card-img-top img-hover-zoom" alt="山东畜牧合作社数字化转型" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">大型企业</span>
<h5 class="card-title">山东畜牧合作社数字化转型</h5>
@@ -183,7 +183,7 @@
<div class="col-md-6 col-lg-4" data-category="medium">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case2.jpg" class="card-img-top" alt="内蒙古家庭牧场管理升级" loading="lazy">
<img src="images/case2.jpg" class="card-img-top img-hover-zoom" alt="内蒙古家庭牧场管理升级" loading="lazy">
<div class="card-body">
<span class="badge bg-success mb-2">中型企业</span>
<h5 class="card-title">内蒙古家庭牧场管理升级</h5>
@@ -195,7 +195,7 @@
<div class="col-md-6 col-lg-4" data-category="trader">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case3.jpg" class="card-img-top" alt="华南活牛贸易公司业务优化" loading="lazy">
<img src="images/case3.jpg" class="card-img-top img-hover-zoom" alt="华南活牛贸易公司业务优化" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">贸易商</span>
<h5 class="card-title">华南活牛贸易公司业务优化</h5>
@@ -207,7 +207,7 @@
<div class="col-md-6 col-lg-4" data-category="large">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case4.jpg" class="card-img-top" alt="河北大型养殖集团采购优化" loading="lazy">
<img src="images/case4.jpg" class="card-img-top img-hover-zoom" alt="河北大型养殖集团采购优化" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">大型企业</span>
<h5 class="card-title">河北大型养殖集团采购优化</h5>
@@ -219,7 +219,7 @@
<div class="col-md-6 col-lg-4" data-category="small">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case5.jpg" class="card-img-top" alt="东北小型养殖场数字化起步" loading="lazy">
<img src="images/case5.jpg" class="card-img-top img-hover-zoom" alt="东北小型养殖场数字化起步" loading="lazy">
<div class="card-body">
<span class="badge bg-warning mb-2">小型企业</span>
<h5 class="card-title">东北小型养殖场数字化起步</h5>
@@ -231,7 +231,7 @@
<div class="col-md-6 col-lg-4" data-category="trader">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case6.jpg" class="card-img-top" alt="西南活牛交易平台风控升级" loading="lazy">
<img src="images/case6.jpg" class="card-img-top img-hover-zoom" alt="西南活牛交易平台风控升级" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">贸易商</span>
<h5 class="card-title">西南活牛交易平台风控升级</h5>

10
website/news.html
View File

@@ -171,7 +171,7 @@
<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" alt="产品更新">
<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">
@@ -200,7 +200,7 @@
<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" alt="行业资讯">
<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">
@@ -229,7 +229,7 @@
<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" alt="客户案例">
<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">
@@ -294,7 +294,7 @@
<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" alt="活动报道">
<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">
@@ -387,7 +387,7 @@
<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 src="images/news1.jpg" alt="产品更新" class="img-fluid rounded mb-4 img-hover-zoom">
<p>我们很高兴地宣布，活牛采购智能数字化系统V3.2版本正式发布！新版本在原有功能基础上进行了全面升级和优化，为用户带来更加智能、便捷的使用体验。</p>