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

育种平台

Browse Source
This commit is contained in:
lijinxuan123
2024-07-05 17:19:53 +08:00
parent c8105b0798
commit b544e2d0a6
24 changed files with 252 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
template/.DS_Store vendored
View File

Binary file not shown.

BIN
template/default/.DS_Store vendored
View File

Binary file not shown.

38
template/default/css/old.css
View File

@@ -351,6 +351,7 @@ div.servicesWrap div.serviceItem div.description h2 {
div.servicesWrap div.serviceItem div.description p{
line-height: 2.2;
font-size: 14px;
color: #fff;
}
div.servicesWrap div.serviceItem .shadow{
position: absolute;
@@ -453,6 +454,7 @@ div.ourservicewrap img:hover{
font-size: 12px;
color:#CBCBCB;
padding-right: 26px;
font-style: normal;
}
.formData{
@@ -781,6 +783,9 @@ div.ourservicewrap img:hover{
padding:.2rem 0 !important;
margin-bottom: 0!important;
}
.navbar a{
cursor: pointer;
}
.navbar-brand{
/* width: 3.0667rem; */
padding: 0 !important;
@@ -976,12 +981,24 @@ div.ourservicewrap img:hover{
margin-top: 0;
}
.new-item-content-article-text{
font-size: 14px;
color: #000;
font-weight: 400;
/* font-size: 12px; */
color: #0b0a0a;
line-height: 32px;
letter-spacing: 1px;
padding: 15px 0;
}
.new-item-content-article-text h5{
font-size: 16px;
.new-item-content-article-text span{
display: block;
text-indent: 2em;
font-size: 14px !important;
}
.new-item-content-article-text p{
font-size: 14px;
text-indent: 2em;
}
.new-item-content-article-text h1,h2,h3,h4,h5{
/* font-size: 16px; */
font-weight: bold;
}
.new-item-content-article-text img{
@@ -1085,19 +1102,6 @@ div.ourservicewrap img:hover{
.new-item-content-article-icon span:last-child{
float: right;
}
.new-item-content-article-text{
font-weight: 400;
font-size: 12px;
color: rgba(0,0,0,0.6);
line-height: 32px;
letter-spacing: 1px;
}
.new-item-content-article-text span{
display: block;
text-indent: 2em;
font-size: 14px !important;
}
.article-bottom{
margin: 2rem 0;
display: flex;

4
template/default/css/publicStyle.css
View File

@@ -77,8 +77,8 @@ em,
strong,
th,
i {
font-style: normal;
font-weight: 400;
/* font-style: normal;
font-weight: 400; */
}
table caption {

58
template/default/css/yuzhong.css Executable file
View File

@@ -0,0 +1,58 @@
/* 育种平台 star */
.myitem-title h3{
margin: .5rem 0;
}
.yuzhong-list{
display: flex;
align-items: center;
justify-content: center;
margin: .5333rem 0 .8rem;
}
.yuzhong-item{
flex: 1;
height: 2.2rem;
background: #F5F9F2;
border-radius: 4px;
color: #5BAB4F;
font-size: 18px;
font-weight: 400;
margin-right: .5333rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.yuzhong-item:last-child{
margin-right: 0;
}
.yuzhong-item img{
width: .855rem;
height: auto;
}
.yz-gn-list{
display: flex;
}
.yz-gn-item{
flex: 1;
margin-right: .5333rem;
}
.yz-gn-item img{
width: 100%;
height: auto;
}
.yz-gn-item:last-child{
margin-right: 0;
}
/* 育种平台 end */
@media screen and (max-width:768px){
.yz-gn-list{
display: block;
}
.yz-gn-item{
width: 100%;
margin-right: 0;
margin-bottom: .4rem;
}
}

110
template/default/html/breeding.html Executable file
View File

@@ -0,0 +1,110 @@
{include file=comm/head.html}
<!-- <link rel="stylesheet" href="{pboot:sitetplpath}/css/bts.min.css"> -->
<link rel="stylesheet" href="{pboot:sitetplpath}/css/item.css">
<link rel="stylesheet" href="{pboot:sitetplpath}/css/yuzhong.css">
<body>
<div id="app">
<div class="swiper-container">
<div class="bannerSwiper">
<div class="swiper-slide itemBanner">
<img src="{pboot:sitetplpath}/img/yuzhong.png" alt="">
</div>
<div class="swiper-my-text">
<h1>精准育种管理平台</h1>
<p>基芯农精准育种管理平台，结合表型数据库、基因型数据库，实现禽畜科学管理。</p>
</div>
</div>
</div>
<div class="myitem-container">
<div class="myitem-title">
<h3>平台介绍</h3>
<p>基芯农精准育种管理平台结合了表型数据库、基因型数据库等信息，平台当前具有六大功能：快速查询、基因管理、进化分析、繁育管理、疾病抗性管理、品种资源管理。该平台可系统化存储与管理动物遗传信息，支持基因数据的查询与分析；追踪和解析家畜品种的进化历程，辅助遗传改良决策；优化配种策略，提高后代遗传质量和生产性能；识别并增强家畜对特定疾病的抵抗力；收集和保护多样化的遗传资源，促进品种创新与可持续利用。
</p>
</div>
<div class="myitem-title">
<h3>平台特点</h3>
<div class="yuzhong-list">
<div class="yuzhong-item">
<img src="{pboot:sitetplpath}/img/yuzhong1.png" alt="">
<div>安全性</div>
</div>
<div class="yuzhong-item">
<img src="{pboot:sitetplpath}/img/yuzhong2.png" alt="">
<div>无纸化</div>
</div>
<div class="yuzhong-item">
<img src="{pboot:sitetplpath}/img/yuzhong3.png" alt="">
<div>定制型</div>
</div>
</div>
<div class="yuzhong-list">
<div class="yuzhong-item">
<img src="{pboot:sitetplpath}/img/yuzhong4.png" alt="">
<div>安全性</div>
</div>
<div class="yuzhong-item">
<img src="{pboot:sitetplpath}/img/yuzhong5.png" alt="">
<div>无纸化</div>
</div>
<div class="yuzhong-item">
<img src="{pboot:sitetplpath}/img/yuzhong6.png" alt="">
<div>定制型</div>
</div>
</div>
<h3>平台功能</h3>
<div class="yz-gn-list">
<div class="yz-gn-item">
<img src="{pboot:sitetplpath}/img/yuzhong7.png" alt="">
</div>
<div class="yz-gn-item">
<img src="{pboot:sitetplpath}/img/yuzhong8.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- 引入组件库 -->
<script>
var app = new Vue({
el: '#app',
data: {
activeIndex: '1',
isVariableTrue: true,//true:手机，false：web
},
filters: {
},
created() {
},
mounted() {
this.updateVariableOnResize();
window.addEventListener('resize', this.updateVariableOnResize);
// window.addEventListener('scroll', this.handleScroll);
},
beforeUnmount() {
// 清除监听器以避免内存泄漏
window.removeEventListener('resize', this.updateVariableOnResize);
},
beforeDestroy() {
// window.removeEventListener('scroll', this.handleScroll);
},
methods: {
handleSelect(key, keyPath) {
console.log(key, keyPath);
},
updateVariableOnResize() {
this.isVariableTrue = window.innerWidth <= 768 ? true : false;
},
handleScroll() {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
this.isBelowThreshold = scrollTop < this.scrollThreshold;
},
}
})
</script>
</body>
{include file=comm/footer.html}

106
template/default/html/comm/head.html
View File

@@ -87,17 +87,14 @@
<li><a href="/dongjing/">冻精分选</a></li>
</ul>
</li>
<!-- <li id="linkToComDisOnHeader"><a style="cursor: pointer;">合作伙伴</a></li> -->
<!-- <li id="htmlLinkToComDisOnHeader"><a href="index.html#linkToComDis">合作伙伴</a></li> -->
<li><a href="/index/">合作伙伴</a></li>
<li><a href="/breeding">育种平台</a></li>
<li><a href="/index#linkToComDis">合作伙伴</a></li>
<li><a href="/article/">新闻资讯</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">关于我们<span class="caret"></span></a>
<ul class="dropdown-menu">
<!-- <li id="ppjsOnHeader"><a style="cursor: pointer;">品牌介绍</a></li>
<li id="htmlPpjsOnHeader"><a href="/index/#linkToAboutUsDis">品牌介绍</a> -->
<li><a href="/index/">品牌介绍</a></li>
<li><a href="/index#linkToAboutUsDis">品牌介绍</a></li>
<li><a href="/contact/">联系我们</a></li>
</ul>
@@ -118,7 +115,6 @@
<script src="{pboot:sitetplpath}/js/swiper.min.js"></script>
<script src="{pboot:sitetplpath}/js/ele-index.js"></script>
<script type="text/javascript">
//鼠标滚动给对应nav加样式
$(window).scroll(function () {
//为了保证兼容性，这里取两个值，哪个有值取哪一个
//scrollTop就是触发滚轮事件时滚轮的高度
@@ -128,25 +124,25 @@
} else {
$("#headerNavId").removeClass("navScroll");
}
if (scrollTop < $("#linkToAboutUsDis").offset().top - 80) {
$("#linkToIndex").addClass("cur")
}
if (scrollTop >= $("#linkToAboutUsDis").offset().top - 80 && scrollTop < $("#linkToServiceDis").offset().top - 80) {
$("#linkToAboutUs").addClass("cur")
}
// if (scrollTop < $("#linkToAboutUsDis").offset().top - 80) {
// $("#linkToIndex").addClass("cur")
// }
// if (scrollTop >= $("#linkToAboutUsDis").offset().top - 80 && scrollTop < $("#linkToServiceDis").offset().top - 80) {
// $("#linkToAboutUs").addClass("cur")
// }
if (scrollTop >= $("#linkToServiceDis").offset().top - 80 && scrollTop < $("#linkToServiceTypeDis").offset().top - 80) {
$("#linkToService").addClass("cur")
}
// if (scrollTop >= $("#linkToServiceDis").offset().top - 80 && scrollTop < $("#linkToServiceTypeDis").offset().top - 80) {
// $("#linkToService").addClass("cur")
// }
if (scrollTop >= $("#linkToServiceTypeDis").offset().top - 80 && scrollTop < $("#linkToComDis").offset().top - 80) {
$("#linkToServiceType").addClass("cur")
}
// if (scrollTop >= $("#linkToServiceTypeDis").offset().top - 80 && scrollTop < $("#linkToComDis").offset().top - 80) {
// $("#linkToServiceType").addClass("cur")
// }
if (scrollTop >= $("#linkToComDis").offset().top - 80) {
$("#linkToCom").addClass("cur")
}
// if (scrollTop >= $("#linkToComDis").offset().top - 80) {
// $("#linkToCom").addClass("cur")
// }
})
$("#mobileToggleNavs").click(() => {
@@ -157,39 +153,39 @@
$("#nav-index-jixinnongFa-mask").hide();
$("#bs-example-navbar-collapse-1").removeClass("nav-index-jixinnongFa-show");
})
$(() => {
let url = window.location.href;
if (url.indexOf('/index/') < 0 || url.indexOf("/index/") > -1) {
$("#linkToComDisOnHeader").show();
$("#htmlLinkToComDisOnHeader").hide();
$("#ppjsOnHeader").show();
$("#htmlPpjsOnHeader").hide();
$(".linkToServiceDisOnHeader").show();
$(".htmllinkToServiceDisOnHeader").hide();
}
else {
$("#linkToComDisOnHeader").hide();
$("#htmlLinkToComDisOnHeader").show();
$("#ppjsOnHeader").hide();
$("#htmlPpjsOnHeader").show();
}
})
$("#linkToComDisOnHeader a").click(() => {
const position = $("#linkToComDis").offset();
$('html, body').animate({
scrollTop: position.top - 80
}, 500);
})
// $(() => {
// let url = window.location.href;
// if (url.indexOf('/index/') < 0 || url.indexOf("/index/") > -1) {
// $("#linkToComDisOnHeader").show();
// $("#htmlLinkToComDisOnHeader").hide();
// $("#ppjsOnHeader").show();
// $("#htmlPpjsOnHeader").hide();
// $(".linkToServiceDisOnHeader").show();
// $(".htmllinkToServiceDisOnHeader").hide();
// }
// else {
// $("#linkToComDisOnHeader").hide();
// $("#htmlLinkToComDisOnHeader").show();
// $("#ppjsOnHeader").hide();
// $("#htmlPpjsOnHeader").show();
// }
// })
// $("#linkToComDisOnHeader a").click(() => {
// const position = $("#linkToComDis").offset();
// $('html, body').animate({
// scrollTop: position.top - 80
// }, 500);
// })
$("#ppjsOnHeader a").click(() => {
const position = $("#linkToAboutUsDis").offset();
$('html, body').animate({
scrollTop: position.top - 70
}, 500);
})
// $("#ppjsOnHeader a").click(() => {
// const position = $("#linkToAboutUsDis").offset();
// $('html, body').animate({
// scrollTop: position.top - 70
// }, 500);
// })
const logo = document.getElementById('navbar-logo');
logo.addEventListener('load', function () {
logo.classList.add('loaded');
});
// const logo = document.getElementById('navbar-logo');
// logo.addEventListener('load', function () {
// logo.classList.add('loaded');
// });
</script>

4
template/default/html/index.html
View File

@@ -10,7 +10,7 @@
<div v-if="!this.isVariableTrue" v-cloak>
<div class="bannerSwiper">
<div class="swiper-wrapper">
{pboot:slide num=5 gid=1}
{pboot:slide num=3 gid=1}
<div class="swiper-slide">
<a href="[slide:link]">
<img src="[slide:src]" class="d-block w-100">
@@ -24,7 +24,7 @@
<div v-else>
<div class="bannerSwiper">
<div class="swiper-wrapper">
{pboot:slide gid=4}
{pboot:slide num=3 gid=4}
<div class="swiper-slide"><img src="[slide:src]" alt=""></div>
{/pboot:slide}
</div>

5
template/default/html/new-item.html
View File

@@ -7,8 +7,11 @@
<div>
<div class="bannerSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/new-item.png" alt="">
{pboot:slide num=1 gid=5}
<div class="swiper-slide itemBanner">
<img src="[slide:src]" alt="">
</div>
{/pboot:slide}
</div>
</div>
</div>

5
template/default/html/new-list.html
View File

@@ -35,8 +35,11 @@
<div>
<div class="bannerSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/new-list.png" alt="">
{pboot:slide num=1 gid=6}
<div class="swiper-slide itemBanner">
<img src="[slide:src]" alt="">
</div>
{/pboot:slide}
</div>
</div>
</div>

BIN
template/default/img/.DS_Store vendored
View File

Binary file not shown.

BIN
template/default/img/new-item.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 444 KiB

After

Width:  |  Height:  |  Size: 450 KiB

BIN
template/default/img/new-list.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 286 KiB

After

Width:  |  Height:  |  Size: 290 KiB

BIN
template/default/img/yuzhong.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 462 KiB

BIN
template/default/img/yuzhong1.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
template/default/img/yuzhong2.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 713 B

BIN
template/default/img/yuzhong3.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
template/default/img/yuzhong4.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
template/default/img/yuzhong5.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 549 B

BIN
template/default/img/yuzhong6.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
template/default/img/yuzhong7.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
template/default/img/yuzhong8.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 194 KiB