官网嵌入
This commit is contained in:
shenquanyi
BIN
template/.DS_Store
vendored
Normal file
BIN
template/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
template/default/.DS_Store
vendored
Normal file
BIN
template/default/.DS_Store
vendored
Normal file
Binary file not shown.
2
template/default/css/bts.min.css
vendored
Normal file
2
template/default/css/bts.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
template/default/css/ele-index.css
Normal file
1
template/default/css/ele-index.css
Normal file
File diff suppressed because one or more lines are too long
2
template/default/css/index.css
Normal file
2
template/default/css/index.css
Normal file
@@ -0,0 +1,2 @@
|
||||
|
||||
|
||||
443
template/default/css/item.css
Normal file
443
template/default/css/item.css
Normal file
@@ -0,0 +1,443 @@
|
||||
.bannerSwiper{
|
||||
position: relative;
|
||||
}
|
||||
.swiper-my-text{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.swiper-my-text h1{
|
||||
white-space: nowrap;
|
||||
font-size: .9rem;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
.swiper-my-text p{
|
||||
font-size: 0.28rem;
|
||||
color: #fff;
|
||||
line-height: .4rem;
|
||||
}
|
||||
.myitem-container{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.myitem-title{
|
||||
font-size: .4rem;
|
||||
padding: .2667rem 0 .5333rem;
|
||||
color: #000;
|
||||
}
|
||||
.myitem-title h3{
|
||||
font-size: .5333rem;
|
||||
height: .6rem;
|
||||
line-height: .6rem;
|
||||
color: #5BAB4F;
|
||||
}
|
||||
.myitem-title p{
|
||||
font-weight: 400;
|
||||
font-size: .3rem;
|
||||
text-indent: 2em;
|
||||
margin-top: .2667rem;
|
||||
color: #000001;
|
||||
line-height: .5333rem;
|
||||
}
|
||||
.myitem-container .process{
|
||||
width: 90%;
|
||||
margin:.4rem auto;
|
||||
display: flex;
|
||||
justify-content:space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.myitem-container .process .process-item{
|
||||
width: 2.4rem;
|
||||
height: 2.4rem;
|
||||
border-radius: 1.2rem;
|
||||
margin-bottom: .2rem;
|
||||
text-align: center;
|
||||
font-size: .25rem;
|
||||
color: #5BAB4F;
|
||||
border: #5BAB4F solid 1px;
|
||||
box-shadow: 3px 5px 30px 0px rgba(91,171,79,0.3);
|
||||
align-self: center;
|
||||
position: relative;
|
||||
}
|
||||
.myitem-container .process .process-item span{
|
||||
width: 90%;
|
||||
margin: 0 5%;
|
||||
display: block;
|
||||
line-height: 22px;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.agriculture{
|
||||
display: flex;
|
||||
margin-bottom: .48rem;
|
||||
background: #FCFCFC;
|
||||
}
|
||||
.agriculture-img{
|
||||
width: 48%;
|
||||
padding: .3rem;
|
||||
margin-right: .28rem;
|
||||
}
|
||||
.agriculture-img img{
|
||||
width: 100%;
|
||||
}
|
||||
.agriculture-text{
|
||||
width: 45%;
|
||||
margin:0.72rem 0;
|
||||
padding: 0 .4rem;
|
||||
|
||||
}
|
||||
.agriculture-text h4{
|
||||
font-size: .38rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: .4rem;
|
||||
}
|
||||
.agriculture-text p{
|
||||
text-indent: 2em;
|
||||
font-size: .26rem;
|
||||
line-height: 24px;
|
||||
color: rgba(0,0,0,0.7);
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.agriculture-text p span{
|
||||
display: block;
|
||||
}
|
||||
.borderLeft{
|
||||
border-left: #D9D9D9 solid 1px;
|
||||
}
|
||||
.borderRight{
|
||||
border-right: #D9D9D9 solid 1px;
|
||||
margin-right: 20px;
|
||||
width: 50%;
|
||||
}
|
||||
.insurance{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.insurance div{
|
||||
background: url(../img/insurancebg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 7.2rem;
|
||||
height: 4.2933rem;
|
||||
}
|
||||
.insurance div h4{
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: .32rem;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: .9rem;
|
||||
}
|
||||
.insurance div p{
|
||||
line-height: .32rem;
|
||||
position: relative;
|
||||
padding-left: .4rem;
|
||||
margin-left: .4rem;
|
||||
font-size: .27rem;
|
||||
}
|
||||
.insurance div p::before{
|
||||
display: block;
|
||||
content: "";
|
||||
margin-right: .3rem;
|
||||
width: .1067rem;
|
||||
height: .1067rem;
|
||||
border-radius: 1rem;
|
||||
background: #5BAB4F;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.insurancePic ul{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.insurancePic ul li span{
|
||||
display: inline-block;
|
||||
width: 2.24rem;
|
||||
height: .7733rem;
|
||||
text-align: center;
|
||||
border-radius: .7rem;
|
||||
line-height: .7733rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
.insurancePic ul li span.selected{
|
||||
color: #fff;
|
||||
background: linear-gradient( 90deg, #5BAB4F 0%, #7ECC72 100%);
|
||||
}
|
||||
.insurancePic ol li{
|
||||
display: none;
|
||||
}
|
||||
.jiantou{
|
||||
background: url(../img/jiantou.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 0.4267rem;
|
||||
height: 0.4267rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
.insurancePic-textImg{
|
||||
display: flex;
|
||||
height: 6.0533rem;
|
||||
background: #F9FFF7;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.insurancePic-textImg img{
|
||||
width: 3.3333rem;
|
||||
height: 3.3333rem;
|
||||
margin-right: 2.48rem;
|
||||
}
|
||||
.insurancePic-text h5{
|
||||
font-size: .38rem;
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
margin-bottom: .4267rem;
|
||||
}
|
||||
.insurancePic-text p{
|
||||
position: relative;
|
||||
padding-left: .3rem;
|
||||
}
|
||||
.insurancePic-text p::before{
|
||||
display: block;
|
||||
content: "";
|
||||
margin-right: .3rem;
|
||||
width: .1067rem;
|
||||
height: .1067rem;
|
||||
border-radius: 1rem;
|
||||
background: #5BAB4F;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.flowsheet{
|
||||
display: flex;
|
||||
height: 6.0533rem;
|
||||
background: #F9FFF7;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.flowsheet-item{
|
||||
text-align: center;
|
||||
}
|
||||
.flowsheet-item div{
|
||||
width:1.86rem;
|
||||
height:1.86rem;
|
||||
text-align: center;
|
||||
line-height: 1.86rem;
|
||||
border-radius: 2rem;
|
||||
background: #7ECC72;
|
||||
color: #fff;
|
||||
margin: auto;
|
||||
}
|
||||
.web-bg{
|
||||
margin: 0 .8rem;
|
||||
}
|
||||
.flowsheet-item span{
|
||||
display: inline-block;
|
||||
width: 1.3867rem;
|
||||
height: .6rem;
|
||||
line-height: .6rem;
|
||||
text-align: center;border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #5BAB4F;
|
||||
color: #5BAB4F;
|
||||
font-size: 14px;
|
||||
}
|
||||
.husbandry-content{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
|
||||
}
|
||||
.husbandry-content-item{
|
||||
display: flex;
|
||||
padding: .3467rem .6267rem;
|
||||
background: #F5F9F2;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: .6667rem;
|
||||
}
|
||||
.husbandry-content-item img{
|
||||
width: .7467rem;
|
||||
height: .7467rem;
|
||||
margin-right: .32rem;
|
||||
}
|
||||
|
||||
.husbandry-content-item p{
|
||||
width: 1.9467rem;
|
||||
font-size: .32rem;
|
||||
color: #5BAB4F;
|
||||
line-height: .464rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.item_youshi{
|
||||
margin-right: .66rem;
|
||||
}
|
||||
.clone .item_youshi {
|
||||
background: none;
|
||||
height: 6.3rem;
|
||||
}
|
||||
.caption1{
|
||||
width: 100%;
|
||||
margin-top: .16rem;
|
||||
}
|
||||
.caption1 h5{
|
||||
font-size: 18px;
|
||||
margin-bottom: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.caption1 p{
|
||||
font-size: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
.clone .husbandry01{
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
background: url(../img/husbandry1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.clone .husbandry02{
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
background: url(../img/husbandry2.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.clone .husbandry03{
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
background: url(../img/husbandry3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.item_dongjing p{
|
||||
position: relative;
|
||||
width: 3rem;
|
||||
padding-left: .5rem;
|
||||
color: #fff;
|
||||
}
|
||||
.item_dongjing p::before{
|
||||
display: block;
|
||||
content: "";
|
||||
margin-right: .3rem;
|
||||
width: .1067rem;
|
||||
height: .1067rem;
|
||||
border-radius: 1rem;
|
||||
background: #5BAB4F;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: .2667rem;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.item_dongjing .title_dongjing::before {
|
||||
display: none;
|
||||
}
|
||||
.item_youshi .dongjing_01{
|
||||
height: 5.3rem;
|
||||
background: #000;
|
||||
opacity: .7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:1024px){
|
||||
.myitem-container{
|
||||
width: 100%;
|
||||
}
|
||||
.myitem-container{
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.agriculture{
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.agriculture-img{
|
||||
width: 100%;
|
||||
}
|
||||
.agriculture-text{
|
||||
width: 100%;
|
||||
font-size: .2933rem;
|
||||
line-height: .6rem;
|
||||
text-align: left;
|
||||
padding: 0 0.5rem 0.15rem;
|
||||
color: #666;
|
||||
}
|
||||
.sortItem p{
|
||||
width: 49%;
|
||||
}
|
||||
.borderLeft{
|
||||
border-left: none
|
||||
}
|
||||
.borderRight{
|
||||
border-right:none;
|
||||
}
|
||||
.insurance{
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.insurance div{
|
||||
width: 100%;
|
||||
}
|
||||
.insurance div h4{
|
||||
padding-top: .2rem;
|
||||
}
|
||||
.flowsheet-item h4{
|
||||
font-size: 14px;
|
||||
}
|
||||
.flowsheet-item p{
|
||||
font-size: 12px;
|
||||
}
|
||||
.flowsheet-item span{
|
||||
font-size: 12px;
|
||||
}
|
||||
.description p{
|
||||
position: relative;
|
||||
padding-left: .5rem;
|
||||
color: #fff;
|
||||
margin-left: .4rem;
|
||||
}
|
||||
.description p::before{
|
||||
display: block;
|
||||
content: "";
|
||||
margin-right: .3rem;
|
||||
width: .1067rem;
|
||||
height: .1067rem;
|
||||
border-radius: 1rem;
|
||||
background: #5BAB4F;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: .2667rem;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.description .title_dongjing{
|
||||
font-size: 20px!important;
|
||||
margin-top: .4rem;
|
||||
font-weight: 600;
|
||||
margin-left: -.2rem;
|
||||
}
|
||||
.description .title_dongjing::before {
|
||||
display: none;
|
||||
}
|
||||
.detail_yangbenBg{
|
||||
margin-top: 0!important;
|
||||
}
|
||||
}
|
||||
1529
template/default/css/old.css
Normal file
1529
template/default/css/old.css
Normal file
File diff suppressed because it is too large
Load Diff
121
template/default/css/publicStyle.css
Normal file
121
template/default/css/publicStyle.css
Normal file
@@ -0,0 +1,121 @@
|
||||
html {
|
||||
overflow-x: auto;
|
||||
overflow-y: scroll;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ul,
|
||||
ol,
|
||||
li,
|
||||
pre,
|
||||
form,
|
||||
fieldset,
|
||||
input,
|
||||
p,
|
||||
blockquote,
|
||||
th,
|
||||
td {
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h4,
|
||||
h5 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
color: #666666;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
fieldset,
|
||||
img {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
fieldset p {
|
||||
margin: 0;
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: none;
|
||||
}
|
||||
|
||||
address,
|
||||
caption,
|
||||
em,
|
||||
strong,
|
||||
th,
|
||||
i {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
table caption {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
border-top: 1px solid #E4E4E4;
|
||||
border-width: 1px 0;
|
||||
clear: both;
|
||||
height: 2px;
|
||||
margin: 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style-image: none;
|
||||
list-style-position: outside;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
caption,
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after,
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: ””;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
font-family: "Microsoft YaHei"
|
||||
}
|
||||
13
template/default/css/swiper.min.css
vendored
Normal file
13
template/default/css/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
template/default/html/.DS_Store
vendored
Normal file
BIN
template/default/html/.DS_Store
vendored
Normal file
Binary file not shown.
156
template/default/html/KASP.html
Normal file
156
template/default/html/KASP.html
Normal file
@@ -0,0 +1,156 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/kasp.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="brand cexubj">
|
||||
<div class="title">
|
||||
<div class="brandTitleWrap">
|
||||
<h6 class="detail_title">KASP基因分型 </h6>
|
||||
</div>
|
||||
<p class="icon_bg">
|
||||
<img src="{pboot:sitetplpath}/img/fuhao.png" alt="">
|
||||
基芯农提供高通量低消耗基因分型系统GeneMatrix，单次实验最大通量可达7680个数据点，以微反应体系极大降低成本，以自动化操作最大程度降低人为误差，并提供模块化、定制化设计，是一项成熟可靠的分型产品，能更好地助力广大用户的基因分型研究，特别适合检测大量样本的少量SNP位点。
|
||||
</p>
|
||||
<div class="detail_changjing">
|
||||
应用场景：分子辅助育种、前景标记筛查、种质资源基因型鉴定、品系鉴定、健康风险、营养代谢、遗传特征等。
|
||||
</div>
|
||||
</div>
|
||||
<div class="brandRight">
|
||||
<div><img src="{pboot:sitetplpath}/img/3-1.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/title.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben">
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-2.png" alt="">
|
||||
<div>DNA样品</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥1.0μg
|
||||
</div>
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>浓度：10－80ng/μL
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-3.png" alt="">
|
||||
<div>组织样本</div>
|
||||
</div>
|
||||
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥200mg
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-4.png" alt="">
|
||||
<div>血液样本</div>
|
||||
</div>
|
||||
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥2mL
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-5.png" alt="">
|
||||
<div>细胞样本</div>
|
||||
</div>
|
||||
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥1X10^7个
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/ourtit.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben jslc">
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/ypxq.png " alt="">
|
||||
<div>step1</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/jydna.png " alt="">
|
||||
<div>step2</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/jiyin.png " alt="">
|
||||
<div>step3</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/jgfx.png " alt="">
|
||||
<div>step4</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
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: {
|
||||
|
||||
|
||||
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}
|
||||
@@ -1,165 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
<<<<<<< HEAD
|
||||
<div class="swiper-container bannernone ">
|
||||
=======
|
||||
<div class="swiper-container bannernone">
|
||||
>>>>>>> a22ce7983fc9fed452e4ba59af0b264b6196d320
|
||||
<div class="swiper-wrapper">
|
||||
{pboot:slide num=5 gid=8}
|
||||
<div class="swiper-slide">
|
||||
<a href="[slide:link]">
|
||||
<img src="[slide:src]" class="d-block w-100">
|
||||
</a>
|
||||
<!-- <div class="">
|
||||
<div class="pctop">
|
||||
<h1 class="fs-20 fs-sm-32 wow slideInUp sizemin" style="color: #d7fde3;">[slide:title]</h1>
|
||||
<h4 class="fs-14 fs-sm-20 wow slideInUp sizemin" style="color: #d7fde3;">[slide:subtitle]</h4>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
{/pboot:slide}
|
||||
</div>
|
||||
<div style="padding-top: 4%;">
|
||||
<div class="swiper-button-prev d-none d-md-block"></div>
|
||||
<div class="swiper-button-next d-none d-md-block"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
{pboot:sort scode=1}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img class="nose" style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
|
||||
|
||||
// 如果需要分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
// 如果需要前进后退按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
|
||||
})
|
||||
</script>
|
||||
<script>
|
||||
var galleryThumbs = new Swiper('.swiper-cp', {
|
||||
pagination: '.swiper-pagination',
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 20,
|
||||
paginationClickable: true,
|
||||
slideToClickedSlide: true,
|
||||
autoplay: 5000,
|
||||
loop: true,
|
||||
breakpoints: {
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 15,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
{include file=comm/top.html}
|
||||
<!-- 关于我们 -->
|
||||
<div class="container pages">
|
||||
{include file=comm/position.html}
|
||||
<div class="pd ">
|
||||
<div class="lxwm">
|
||||
<div class="mr20">
|
||||
<div style="color: black;font-weight: bold;font-size: 24px;padding-bottom: 10px;">COMPANY PROFILE</div>
|
||||
<div style="font-weight: bold;color: black;font-size: 24px;padding-bottom: 50px;letter-spacing: 2px;">
|
||||
公司简介</div>
|
||||
<div class="sizemin" style="text-indent:2em;padding-bottom: 30px;line-height: 28px;">
|
||||
爱农优品平台通过物联网技术以向社会提供优质的放心食品，并可确保供应链的高质量数据交流，让农产品彻底实施食品的源头追踪以及在食品供应链中提供完全透明度的能力。消费者因此保障食品安全，能够有效地解决食品安全问题。
|
||||
</div>
|
||||
<div style="color: black;font-size: 16px;font-weight: bold;letter-spacing: 1px;line-height: 28px;">
|
||||
"人工智能+农业"从源头提高种养殖效率、降低风险、
|
||||
保障食品安全零污染，可溯源</div>
|
||||
<div class="sizemin" style="padding-top: 20px;color: #b3b3b3;line-height: 28px;">"Artificial
|
||||
intelligence+agriculture"
|
||||
improves breeding
|
||||
and breeding
|
||||
efficiency, reduces risks, and
|
||||
ensures food safety
|
||||
with zero pollution
|
||||
from the source, with traceability
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/0429c3fadf2cdb902116621b65731d1dd6.png"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- <img class="img1"
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/28aa2a1e3399aafa3a72958bba7ec77f98.jpg"
|
||||
alt=""> -->
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center;background: #FAFDFF;padding-top: 40px;">
|
||||
<div style="color: black;font-weight: bold;font-size: 24px;padding-bottom: 10px;">DEVELOPMENT HISTORY</div>
|
||||
<div style="font-weight: bold;color: black;font-size: 24px;padding-bottom: 50px;letter-spacing: 2px;">荣誉奖项</div>
|
||||
<div class="aiogo">
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/126ce2974b37ea04f68c1718d79ca22ccc.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/1205b71e7f09cffd9b58ff4596313859f1.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/125cc51433d9c4fd1bd2bf4ab580c30730.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/12210481920aa4faf0cd01cafb28c66808.jpg"
|
||||
alt=""></div>
|
||||
</div>
|
||||
<div class="aiogo aiogo1">
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/126a3454029ffb31483c3208d354ea175f.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/12d541cb18a0654006937d960bca8d1bc7.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/12d605ecb089922813a7ee09b4cd00d98f.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/126c696f247b6289aadd4167c881322621.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/125b54e0e0f17685fbd76a66fe619c3bfd.jpg"
|
||||
alt=""></div>
|
||||
<div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/12aa9be0599fcccedb0d825dca93ffeb88.jpg"
|
||||
alt=""></div>
|
||||
<!-- <div><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/127b8a032571f87fc890441b8e703179ca.jpg"
|
||||
alt=""></div> -->
|
||||
</div>
|
||||
</div>
|
||||
{include file=comm/foot.html}
|
||||
|
||||
<!-- <div class="container pages"> -->
|
||||
<!-- include file=comm/position.html -->
|
||||
<!-- <h2 class="text-center my-4 fs-sm-28 fs-24">{content:title}</h2> -->
|
||||
<!-- <div class="content">{content:content}</div> -->
|
||||
<!-- </div> -->
|
||||
@@ -1,192 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
{pboot:sort scode=8}
|
||||
<a href="[sort:link]"><img class="topimgmax" src=[sort:pic] alt=""></a>
|
||||
{/pboot:sort}
|
||||
<div class="container pcmt">
|
||||
{include file=comm/position.html}
|
||||
<div class="container">
|
||||
<div class="main">
|
||||
<div class="main_l">
|
||||
<p class="cpTitle">{content:title}</p>
|
||||
<p class="cpTag"><span>{content:date}</span><span>访问量：{content:visits}</span></p>
|
||||
<div class="content sizeydd">{content:content}</div>
|
||||
<div class="text-secondary lh-2 sizeydd">
|
||||
<p><span style="font-weight: bold;">上一篇：</span>{content:precontent}</p>
|
||||
<p><span style="font-weight: bold;">下一篇：</span>{content:nextcontent}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_r">
|
||||
<p class="main_r_title">精选方案</p>
|
||||
{pboot:list num=6 order=random page=0 scode=8}
|
||||
<div class="cpItem sizeydd">
|
||||
<a style="display: flex;align-items: center;" href="[list:link]"><img src=[list:ico]
|
||||
alt="[list:title]"></a>
|
||||
<div>
|
||||
<p><a style="font-size: 16px;" href="[list:link]">[list:title
|
||||
lencn=12]</a></p>
|
||||
<p style="font-size: 12px;">[list:content drophtml=1 dropblank=1 lencn=44]</p>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
<p class="main_r_title" style="width: 20%;text-align: center;">标签</p>
|
||||
<div class="fx1">
|
||||
{pboot:tags scode=8 num=26}
|
||||
<a href="[tags:link]">
|
||||
<div class="biaoqian">[tags:text]</div>
|
||||
</a>
|
||||
{/pboot:tags}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{include file=comm/comment.html}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var viewSwiper = new Swiper('.view .swiper-container', {
|
||||
on: {
|
||||
slideChangeTransitionStart: function () {
|
||||
updateNavPosition()
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$('.view .arrow-left,.preview .arrow-left').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == 0) {
|
||||
viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slidePrev()
|
||||
})
|
||||
$('.view .arrow-right,.preview .arrow-right').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
|
||||
viewSwiper.slideTo(0, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slideNext()
|
||||
})
|
||||
|
||||
var previewSwiper = new Swiper('.preview .swiper-container', {
|
||||
//visibilityFullFit: true,
|
||||
slidesPerView: 'auto',
|
||||
allowTouchMove: false,
|
||||
on: {
|
||||
tap: function () {
|
||||
viewSwiper.slideTo(previewSwiper.clickedIndex)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
function updateNavPosition() {
|
||||
$('.preview .active-nav').removeClass('active-nav')
|
||||
var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
|
||||
if (!activeNav.hasClass('swiper-slide-visible')) {
|
||||
if (activeNav.index() > previewSwiper.activeIndex) {
|
||||
var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
|
||||
previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
|
||||
} else {
|
||||
previewSwiper.slideTo(activeNav.index())
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
/* 标签样式 */
|
||||
.tab {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #A3C85E;
|
||||
border-bottom: 2px solid #A3C85E;
|
||||
}
|
||||
|
||||
/* 内容视图样式 */
|
||||
.tab-content {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.main_l {
|
||||
width: 65%;
|
||||
padding-right: 80px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.main_l .cpTitle {
|
||||
color: #555;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main_l .cpTag {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #C5C5C5;
|
||||
font-size: 12px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.main_l img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main_r {
|
||||
width: 35%;
|
||||
height: 100%;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.main_r .main_r_title {
|
||||
color: #555;
|
||||
font-size: 20px;
|
||||
line-height: 45px;
|
||||
margin-bottom: 14px;
|
||||
border-bottom: 1px solid #48CFAD;
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.main_r .cpItem {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main_r .cpItem img {
|
||||
width: 118px;
|
||||
}
|
||||
|
||||
.main_r .cpItem div {
|
||||
padding: 15px;
|
||||
}
|
||||
</style>
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,129 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
<div class="swiper-container bannernone">
|
||||
<div class="swiper-wrapper">
|
||||
{pboot:slide num=5 gid=9}
|
||||
<div class="swiper-slide">
|
||||
<a href="[slide:link]">
|
||||
<img src="[slide:src]" class="d-block w-100">
|
||||
</a>
|
||||
<!-- <div class="">
|
||||
<div class="pctop">
|
||||
<h1 class="fs-20 fs-sm-32 wow slideInUp sizemin" style="color: #d7fde3;">[slide:title]</h1>
|
||||
<h4 class="fs-14 fs-sm-20 wow slideInUp sizemin" style="color: #d7fde3;">[slide:subtitle]</h4>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
{/pboot:slide}
|
||||
</div>
|
||||
<div style="padding-top: 4%;">
|
||||
<div class="swiper-button-prev d-none d-md-block"></div>
|
||||
<div class="swiper-button-next d-none d-md-block"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
{pboot:sort scode=8}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img class="nose" style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
// 如果需要分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
// 如果需要前进后退按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
{include file=comm/head.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
<!-- <div class="my-3">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">类型：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_type text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_type}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">颜色：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_color text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_color}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- 图文列表 -->
|
||||
<div class="row">
|
||||
{pboot:list num=9 order=sorting}
|
||||
<div class="col-12 col-sm-6 col-lg-4 wow zoomIn meteal">
|
||||
<div class="card">
|
||||
<div class="pcimg"><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title hisden titlehidden" style="height:45px;"><a href="[list:link]">[list:title]</a>
|
||||
</h5>
|
||||
<p class="card-text">
|
||||
<!-- {pboot:if([list:istop]==1)}
|
||||
<span class="badge badge-danger">置顶</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isrecommend]==1)}
|
||||
<span class="badge badge-warning">推荐</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isheadline]==1)}
|
||||
<span class="badge badge-info">头条</span>
|
||||
{/pboot:if} -->
|
||||
<span style="color: #757575;font-size: 14px;">[list:content drophtml=1 dropblank=1
|
||||
lencn=50]</span>
|
||||
</p>
|
||||
<p>
|
||||
<!-- pboot:tags id=[list:id] scode={sort:tcode} -->
|
||||
<a href="[list:link]">
|
||||
<div class="container cpjs1"
|
||||
style="text-align: right;width: 100%;display: flex;justify-content: flex-end">
|
||||
<div class="cpjsBox1 sizemin"
|
||||
style="text-align: right;color: #ffffff;padding-top: 8px;padding-bottom: 8px;width: 100%;background: #3EB14B;text-align: center;padding-left: 24px;padding-right: 24px;margin-top: 30px;margin-bottom: 10px;">
|
||||
了解详情
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- <a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a> -->
|
||||
<!-- {/pboot:tags} -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
</div>
|
||||
|
||||
{include file=comm/page.html}
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
152
template/default/html/cexu.html
Normal file
152
template/default/html/cexu.html
Normal file
@@ -0,0 +1,152 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/cexu.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="brand cexubj">
|
||||
<div class="title">
|
||||
<div class="brandTitleWrap">
|
||||
<h6 class="detail_title">全基因组重测序 </h6>
|
||||
</div>
|
||||
<p class="icon_bg">
|
||||
<img src="{pboot:sitetplpath}/img/fuhao.png" alt="">
|
||||
基芯农提供动物全基因组重测序，全基因组重测序是对基因组序列已知的物种进行不同个体的全基因组测序，并在该物种的个体或群体水平进行全基因组差异性分析，从而获得大量可遗传的变异信息开发分子标记。
|
||||
</p>
|
||||
<div class="detail_changjing">
|
||||
应用场景：遗传图谱构建、QTL定位、全基因组关联分析、基因组选择、选择信号分析及进化分析等。
|
||||
</div>
|
||||
</div>
|
||||
<div class="brandRight">
|
||||
<div>
|
||||
<img src="{pboot:sitetplpath}/img/1-1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/title.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben">
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-2.png" alt="">
|
||||
<div>DNA样品</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥1.0μg
|
||||
</div>
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>浓度：10－80ng/μL
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-3.png" alt="">
|
||||
<div>组织样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥200mg
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-4.png" alt="">
|
||||
<div>血液样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥2mL
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-5.png" alt="">
|
||||
<div>细胞样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥1X10^7个
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/ourtit.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben jslc">
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/ypxq.png " alt="">
|
||||
<div>step1</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/jydna.png " alt="">
|
||||
<div>step2</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/fxjc.png " alt="">
|
||||
<div>step3</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/jgfx.png " alt="">
|
||||
<div>step4</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
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: {
|
||||
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}
|
||||
116
template/default/html/clone.html
Normal file
116
template/default/html/clone.html
Normal file
@@ -0,0 +1,116 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/clone.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="brand cexubj">
|
||||
<div class="title">
|
||||
<div class="brandTitleWrap">
|
||||
<h6 class="detail_title">体细胞克隆 </h6>
|
||||
</div>
|
||||
<p class="icon_bg">
|
||||
<img src="{pboot:sitetplpath}/img/fuhao.png" alt="">
|
||||
体细胞克隆技术可以对优良性状的家畜个体进行快速扩繁，能有效防止良种基因在常规育种的杂交过程中出现基因漂变以及优良性状衰退的现象，精准控制后代性别。体细胞克隆对于动物保种也具有更大优势，仅需一个液氮容器保存足够数量的动物体细胞即可保种，后期可再通过克隆技术复原物种。基芯农体细胞克隆对产业化良种选育、种质资源的保护具有巨大价值。
|
||||
</p>
|
||||
<div class="detail_changjing">
|
||||
应用场景：良种选育、快速扩繁、种质资源保护、濒危物种保护、转基因动物生产、医学领域治疗性克隆等。
|
||||
</div>
|
||||
</div>
|
||||
<div class="brandRight">
|
||||
<div><img src="{pboot:sitetplpath}/img/4-1.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/title.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben">
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-5.png" alt="">
|
||||
<div>细胞样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>需完整的、有活性的体细胞
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/ourtit.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben jslc">
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/fangan.png " alt="">
|
||||
<div>step1</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/ybcj.png " alt="">
|
||||
<div>step2</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/clone_3.png " alt="">
|
||||
<div>step3</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/clone_4.png " alt="">
|
||||
<div>step4</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}
|
||||
@@ -1,164 +0,0 @@
|
||||
{pboot:if({pboot:commentstatus})}
|
||||
<div class="container">
|
||||
<div class="shadow-sm p-3 my-5 bg-white rounded">
|
||||
<h4>发表评论：</h4>
|
||||
<form class="my-4" onsubmit="return submitcomment(this);" data-action="{pboot:commentaction}" >
|
||||
<div class="form-group">
|
||||
<textarea name="comment" id="comment" class="form-control" placeholder="请输入评论内容"></textarea>
|
||||
</div>
|
||||
|
||||
{pboot:2if({pboot:commentcodestatus})}
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-6 col-md-3">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<img title="点击刷新" class="codeimg" style="height:33px;" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:2if}
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-info mb-2">提交评论</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<h4>评论记录：</h4>
|
||||
<a name="comment"></a>
|
||||
{pboot:comment contentid={content:id} num=20}
|
||||
<div class="media border-bottom pb-3 pt-3">
|
||||
<img class="mr-3" src="[comment:headpic]" height="25">
|
||||
<div class="media-body">
|
||||
<h6 class="mt-0">
|
||||
<strong>[comment:nickname]</strong>
|
||||
<small style="color:#999">[comment:date]</small>
|
||||
</h6>
|
||||
<p>[comment:comment]
|
||||
<span class="badge badge-light text-secondary font-weight-normal replybtn" data-action="[comment:replyaction]">回复</span>
|
||||
</p>
|
||||
|
||||
{pboot:commentsub} <!-- 调用子评论 -->
|
||||
<div class="media mt-3 border-top-dashed pt-3">
|
||||
<img class="mr-3" src="[commentsub:headpic]" height="25">
|
||||
<div class="media-body">
|
||||
<h6 class="mt-0"><strong>[commentsub:nickname]</strong> <small style="color:#999">[commentsub:date]</small></h6>
|
||||
<p>
|
||||
@[commentsub:pnickname] [commentsub:comment]
|
||||
<span class="badge badge-light text-secondary font-weight-normal replybtn" data-action="[commentsub:replyaction]">回复</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:commentsub}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:comment}
|
||||
|
||||
<!-- 分页 -->
|
||||
{pboot:2if({page:rows}>0)}
|
||||
<nav aria-label="page navigation" class="my-4">
|
||||
<div class="pagination justify-content-center">
|
||||
<a class="page-item page-link" href="{page:index}#comment">首页</a>
|
||||
<a class="page-item page-link" href="{page:pre}#comment">上一页</a>
|
||||
<a class="page-item page-link" href="{page:next}#comment">下一页</a>
|
||||
<a class="page-item page-link" href="{page:last}#comment">尾页</a>
|
||||
</div>
|
||||
</nav>
|
||||
{2else}
|
||||
<div class="text-center my-5 text-secondary">未查询到任何数据！</div>
|
||||
{/pboot:2if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 评论回复弹框 -->
|
||||
<div class="modal" tabindex="-1" role="dialog" id="reply">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">回复评论：</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<form onsubmit="return submitcomment(this);" data-action="" id="replyform">
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<textarea name="comment" id="comment" class="form-control" placeholder="请输入评论内容"></textarea>
|
||||
</div>
|
||||
{pboot:2if({pboot:commentcodestatus})}
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<img title="点击刷新" class="codeimg" style="height:33px;" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:2if}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
||||
<button type="submit" class="btn btn-info">提交评论</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
//评论回复弹框
|
||||
$('.replybtn').on("click",function(){
|
||||
var url=$(this).data("action");
|
||||
$("#reply").modal("show");
|
||||
$("#replyform").data("action",url);
|
||||
});
|
||||
|
||||
//提交评论
|
||||
function submitcomment(obj){
|
||||
var url= $(obj).data("action");
|
||||
var comment=$(obj).find("#comment").val();
|
||||
var checkcode=$(obj).find("#checkcode").val();
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
comment: comment,
|
||||
checkcode: checkcode
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert(response.data);
|
||||
$(obj)[0].reset();
|
||||
$(".modal").modal("hide");
|
||||
window.location.reload()
|
||||
}else{
|
||||
if(response.tourl!=""){
|
||||
if(confirm(response.data+'是否立即跳转登录？')){
|
||||
location.href=response.tourl;
|
||||
}
|
||||
}
|
||||
$('.codeimg').click();//更新验证码
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
{/pboot:if}
|
||||
|
||||
|
||||
|
||||
@@ -1,176 +0,0 @@
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-12">
|
||||
<div class="ft_dh">
|
||||
<h3>友情链接</h3>
|
||||
<em></em>
|
||||
<div class="l_m sizemin">
|
||||
<ul>
|
||||
<li><a style="color: #c5c1c1;" href="/product/">产品中心</a></li>
|
||||
<li><a style="color: #c5c1c1;" href="/case/">解决方案</a></li>
|
||||
<li><a style="color: #c5c1c1;" href="/project/">项目案例</a></li>
|
||||
<li><a style="color: #c5c1c1;" href="/aboutus/">关于爱农云联</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="ft_xx">
|
||||
<h3 class="m-t30">联系我们</h3>
|
||||
<em></em>
|
||||
<p style="color: #c5c1c1;" class="sizemin">
|
||||
公司名称：{pboot:companyname}<br>
|
||||
邮箱：{pboot:companyemail}<br>
|
||||
手机：{pboot:companymobile} {pboot:companyphone}<br>
|
||||
地址：{pboot:companyaddress}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="ft_xx">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-12">
|
||||
<!-- <div class="ft_em sizemin"> <img src="{pboot:companyweixin}" alt=""> -->
|
||||
<div class="ft_em sizemin"><img src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/04/26c0760f41c61e8f68bcfc427e153b7342.jpg" alt="">
|
||||
<p style="color: #c5c1c1;">扫一扫<br>
|
||||
进入小程序</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="banquan">
|
||||
<div class="container" style="color: #c5c1c1;">
|
||||
<div class="b_q"> <span>{pboot:sitecopyright}</span></div>
|
||||
<div class="z_c"><a href="http://beian.miit.gov.cn/" target="_blank" style="color: #c5c1c1;">{pboot:siteicp}</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height:49px;" class="d-block d-sm-none"></div>
|
||||
|
||||
<!-- 手机底部导航 -->
|
||||
<div class="container-fluid bg-info fixed-bottom d-block d-sm-none">
|
||||
<div class="row">
|
||||
<div class="col-4 p-0 text-center border-right">
|
||||
<a href="tel:{pboot:companyfax}" class="text-light d-block pt-3 pb-3"><i class="fa fa-phone"
|
||||
aria-hidden="true"></i> 电话咨询</a>
|
||||
</div>
|
||||
<div class="col-4 p-0 text-center border-right">
|
||||
<!-- <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
|
||||
class="text-light d-block pt-3 pb-3"><i class="fa fa-qq" aria-hidden="true"></i> 在线咨询</a> -->
|
||||
</div>
|
||||
<div class="col-4 p-0 text-center">
|
||||
{pboot:sort scode=1}
|
||||
<a href="[sort:link]" class="text-light d-block pt-3 pb-3"><i class="fa fa-location-arrow"
|
||||
aria-hidden="true"></i> [sort:name]</a>
|
||||
{/pboot:sort}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 在线客服 -->
|
||||
<div class="online d-none d-md-block">
|
||||
<!-- <dl>
|
||||
<dt style="width:150px;">
|
||||
<h3><i class="fa fa-commenting-o"></i>在线咨询<span class="remove"><i class="fa fa-remove"></i></span></h3>
|
||||
<p>
|
||||
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes">
|
||||
<img border="0" src="{pboot:sitetplpath}/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息" />
|
||||
售前咨询专员
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes">
|
||||
<img border="0" src="{pboot:sitetplpath}/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息" />
|
||||
售后服务专员
|
||||
</a>
|
||||
</p>
|
||||
</dt>
|
||||
<dd><i class="fa fa-commenting-o"></i></dd>
|
||||
<dd>在线咨询</dd>
|
||||
</dl> -->
|
||||
|
||||
<!-- <dl>
|
||||
<dt style="width:300px;">
|
||||
<h3><i class="fa fa-volume-control-phone"></i>免费通话<span class="remove"><i class="fa fa-remove"></i></span>
|
||||
</h3>
|
||||
<p>24小时免费咨询</p>
|
||||
<p>请输入您的联系电话，座机请加区号</p>
|
||||
<form onsubmit="return subform(this);">
|
||||
<p><input type="text" name="tel" id="tel" autocomplete="off" placeholder="请输入您的电话号码" required
|
||||
maxlength="30"></p>
|
||||
<p><button type="submit">免费通话</button></p>
|
||||
</form>
|
||||
</dt>
|
||||
<dd><i class="fa fa-volume-control-phone" aria-hidden="true"></i></dd>
|
||||
<dd>免费通话</dd>
|
||||
</dl> -->
|
||||
<dl>
|
||||
<dt style="width:200px;">
|
||||
<h3><i class="fa fa-weixin" aria-hidden="true"></i>微信扫一扫<span class="remove"><i
|
||||
class="fa fa-remove"></i></span></h3>
|
||||
<p><img src="{pboot:companyweixin} " width="100%"></p>
|
||||
</dt>
|
||||
<a href="/contact/">
|
||||
<dd><i class="fa fa-weixin" aria-hidden="true"></i></dd>
|
||||
<dd>微信联系</dd>
|
||||
</a>
|
||||
</dl>
|
||||
<dl class="scroll-top">
|
||||
<dd><i class="fa fa-chevron-up"></i></dd>
|
||||
<dd>返回顶部</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<style>
|
||||
.scroll-top {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<script src="{pboot:sitetplpath}/js/popper.min.js"></script>
|
||||
<script src="{pboot:sitetplpath}/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="{pboot:sitetplpath}/js/wow.min.js"></script>
|
||||
<script src="{pboot:sitetplpath}/js/aoyun.js?v=v1.2.2"></script>
|
||||
<script>
|
||||
//ajax提交表单
|
||||
function subform(obj) {
|
||||
var url = '{pboot:form fcode=2}';
|
||||
var tel = $(obj).find("#tel").val();
|
||||
|
||||
var reg = /^(1|0)[\d\-]+$/;
|
||||
if (!reg.test(tel)) {
|
||||
alert('电话号码错误！');
|
||||
return false;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
tel: tel
|
||||
},
|
||||
success: function (response, status) {
|
||||
if (response.code) {
|
||||
alert("您的来电已收到，我们会尽快联系您！");
|
||||
$(obj)[0].reset();
|
||||
} else {
|
||||
alert(response.data);
|
||||
}
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
|
||||
{pboot:sitestatistical}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
22
template/default/html/comm/footer.html
Normal file
22
template/default/html/comm/footer.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<footer>
|
||||
<div class="foot_center foot_center_modify">
|
||||
<h3>
|
||||
<span class="foottit">友情链接：</span>
|
||||
<div>
|
||||
<a href="https://www.aiotagro.com" target=“_blank”>爱农云联</a>
|
||||
<a href="https://jusutech.com/" target=“_blank”>聚栗</a>
|
||||
<a href="https://www.funonghuibao.com" target=“_blank”>赋农慧保</a>
|
||||
<a href="https://www.benagen.com" target=“_blank”>贝纳基因</a>
|
||||
</div>
|
||||
</h3>
|
||||
<h3>
|
||||
<span class="foottit">联系我们：</span>
|
||||
<div>
|
||||
<!-- <i>邮箱：{pboot:companyemail}</i> -->
|
||||
<i>王经理：{pboot:companyphone} </i>
|
||||
<i>地址：{pboot:companyaddress}</i>
|
||||
</div>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="foot_bottom">© 2023 GeneAgro . All rights reserved</div>
|
||||
</footer>
|
||||
@@ -2,84 +2,194 @@
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>{pboot:pagetitle}</title>
|
||||
<title>{pboot:sitetitle}</title>
|
||||
<meta name="keywords" content="{pboot:pagekeywords}">
|
||||
<meta name="description" content="{pboot:pagedescription}">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/font-awesome-4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/aoyun.css?v=v1.3.5">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/swiper-4.3.5/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/animate.css">
|
||||
<link rel="shortcut icon" href="{pboot:sitepath}/favicon.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/iconfont.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/swiper.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/animate.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/stylen.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/style.css">
|
||||
<!-- <script src="{pboot:sitetplpath}/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script> -->
|
||||
<script src="{pboot:sitetplpath}/js/main.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/js/jquery-1.12.4.min.js"></script>
|
||||
|
||||
|
||||
<!-- <title></title>
|
||||
<meta name="keywords" content="GeneAgro,基芯农,基因育种,生物技术,基因,生命健康领域" />
|
||||
<meta name="Description"
|
||||
content="基芯农，是一家专注于动植物分子检测和育种相关技术开发于应用的创新型企业，致力于为我国种业发展提供高通量、低成本的精准基因型分型和分子检测技术，推动我国动植物育种技术从传统向分子的跨越发展。" /> -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
|
||||
<link rel="shortcut icon" href="{pboot:sitetplpath}/img/title.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/ele-index.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/bts.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/publicStyle.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/old.css">
|
||||
<script src="{pboot:sitetplpath}/js/vue.js" type="text/javascript"></script>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
#linkToComDis,
|
||||
#ppjsOnHeader {
|
||||
display: block;
|
||||
}
|
||||
|
||||
<body>
|
||||
#htmlLinkToComDis,
|
||||
#htmlPpjsOnHeader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
<!-- 头部导航 -->
|
||||
<nav class="navbar navbar-light bg-light fixed-top navbar-expand-lg " id="backg">
|
||||
<div class="container">
|
||||
<a class="navbar-brand my-1" href="{pboot:sitepath}/">
|
||||
<img src="{pboot:sitelogo}" class="logo-sm-height" height="50">
|
||||
</a>
|
||||
<!-- <a class="navbar-brand my-1" href="{pboot:sitepath}/">
|
||||
<img src="{pboot:sitelogo}" class="logo-sm-height" height="50">
|
||||
</a> -->
|
||||
<!-- <div class="logo"><a href=""><img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/288f97849ee6cb33f9102ccec60023a783.jpg"
|
||||
class="d_w"><img src="static/picture/1630737619569912.png"></a></div> -->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
.navbar-logo {
|
||||
transition: opacity 0.1s ease-in-out;
|
||||
/* opacity: 0; */
|
||||
}
|
||||
|
||||
.navbar-logo.loaded {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
<nav class="navbar navbar-default navbar-fixed-top" id="headerNavId">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
|
||||
data-target="#main-navbar-collapse" id="mobileToggleNavs">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item {pboot:if(0=='{sort:scode}')}active{/pboot:if}">
|
||||
<a class="nav-link" href="{pboot:sitepath}/">网站首页</a>
|
||||
</li>
|
||||
{pboot:nav num=10 parent=0}
|
||||
<li class="nav-item {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
|
||||
<a class="nav-link" href="[nav:link]">[nav:name]</a>
|
||||
</li>
|
||||
{/pboot:nav}
|
||||
</ul>
|
||||
|
||||
<span class="navbar-text">
|
||||
{pboot:if({pboot:islogin}==1)}
|
||||
<a class="text-secondary" href="{pboot:ucenter}">个人中心</a>
|
||||
{else}
|
||||
|
||||
{pboot:2if({pboot:registerstatus})}
|
||||
<a class="text-secondary" href="{pboot:register}">注册</a>
|
||||
{/pboot:2if}
|
||||
|
||||
{pboot:2if({pboot:registerstatus} && {pboot:loginstatus})}
|
||||
/
|
||||
{/pboot:2if}
|
||||
|
||||
{pboot:2if({pboot:loginstatus})}
|
||||
<a class="text-secondary" href="{pboot:login}">登录</a>
|
||||
{/pboot:2if}
|
||||
|
||||
{/pboot:if}
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<a class="navbar-brand" href="#">
|
||||
<img alt="Brand" src="{pboot:sitetplpath}/img/logo.png" class="nav-logo-style green navbar-logo"
|
||||
id="navbar-logo">
|
||||
<img alt="Brand" src="{pboot:sitetplpath}/img/logo-white.png" class="nav-logo-style white">
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="nav-index-jixinnongFa-mask" id="nav-index-jixinnongFa-mask"></div>
|
||||
<div class="nav-index-jixinnongFa" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav nav-index-jixinnong">
|
||||
<li><a href="/index/">首页</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><a href="/government/">政府机关解决方案</a></li>
|
||||
<li><a href="/scientific/">科研机构解决方案</a></li>
|
||||
<li><a href="/financialInsurance/">金融与保险机构解决方案</a></li>
|
||||
<li><a href="/husbandry/">畜牧企业解决方案</a></li>
|
||||
</ul>
|
||||
</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><a href="/cexu/">全基因组重测序</a></li>
|
||||
<li><a href="/KASP/">KASP基因分型</a></li>
|
||||
<li><a href="/xinpian/">基因分型定制芯片</a></li>
|
||||
<li><a href="/clone/">体细胞克隆</a></li>
|
||||
<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="/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="/contact/">联系我们</a></li>
|
||||
</ul>
|
||||
|
||||
<!--占位导航栏-->
|
||||
<!-- <div class="head-sm-height"></div> -->
|
||||
<script>
|
||||
</script>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script src="{pboot:sitetplpath}/js/popper.min.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script src="{pboot:sitetplpath}/js/flexible.js"></script>
|
||||
<!-- 1rem = 75px -->
|
||||
<!-- 引入组件库 -->
|
||||
<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就是触发滚轮事件时滚轮的高度
|
||||
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
if (scrollTop > 10) {
|
||||
$("#headerNavId").addClass("navScroll");
|
||||
} 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 >= $("#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 >= $("#linkToComDis").offset().top - 80) {
|
||||
$("#linkToCom").addClass("cur")
|
||||
}
|
||||
})
|
||||
|
||||
$("#mobileToggleNavs").click(() => {
|
||||
$("#nav-index-jixinnongFa-mask").show();
|
||||
$("#bs-example-navbar-collapse-1").addClass("nav-index-jixinnongFa-show");
|
||||
})
|
||||
$("#nav-index-jixinnongFa-mask").click(() => {
|
||||
$("#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);
|
||||
})
|
||||
|
||||
$("#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');
|
||||
});
|
||||
</script>
|
||||
@@ -1,18 +0,0 @@
|
||||
<!-- 分类导航 -->
|
||||
<div class="sonsort mt-4 mb-2">
|
||||
{pboot:nav num=10 parent={sort:tcode}}
|
||||
{pboot:if([nav:i]==1)}
|
||||
{pboot:2if('{sort:scode}'=='{sort:tcode}')}
|
||||
<a href="{sort:toplink}" class="btn btn-info mb-2">全部 <span class="badge badge-light">{sort:toprows}</a>
|
||||
{2else}
|
||||
<a href="{sort:toplink}" class="btn btn-light mb-2">全部 <span class="badge btn-info">{sort:toprows}</a>
|
||||
{/pboot:2if}
|
||||
{/pboot:if}
|
||||
|
||||
{pboot:if('[nav:scode]'=='{sort:scode}')}
|
||||
<a href="[nav:link]" class="btn btn-info mb-2">[nav:name] <span class="badge badge-light">[nav:rows]</span></a>
|
||||
{else}
|
||||
<a href="[nav:link]" class="btn btn-light mb-2">[nav:name] <span class="badge btn-info">[nav:rows]</span></a>
|
||||
{/pboot:if}
|
||||
{/pboot:nav}
|
||||
</div>
|
||||
@@ -1,9 +0,0 @@
|
||||
<!-- 头部大屏 -->
|
||||
<div class="jumbotron1 jumbotron-fluid mb-2"
|
||||
style="{pboot:if('{sort:pic}')}background:#e9ecef url({sort:pic}){else}background:#e9ecef url(https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/2899cbc2f9568895ee592a32415653e205.jpg){/pboot:if};background-size:cover;no-repeat">
|
||||
<div class="container text-light">
|
||||
<!-- <h1 class="fs-18 fs-sm-26 wow fadeInDown">{sort:name}</h1>
|
||||
<p class="fs-14 fs-sm-18 wow fadeInDown">{sort:subname}</p> -->
|
||||
</div>
|
||||
</div>
|
||||
{include file=comm/head.html}
|
||||
@@ -1,132 +0,0 @@
|
||||
<!-- Bootstrap Fileinput-->
|
||||
<link href="{pboot:sitetplpath}/fileinput/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
|
||||
<link href="{pboot:sitetplpath}/fileinput/themes/explorer-fa/theme.css" media="all" rel="stylesheet" type="text/css"/>
|
||||
<script src="{pboot:sitetplpath}/fileinput/js/plugins/sortable.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/fileinput/js/fileinput.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/fileinput/js/locales/fr.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/fileinput/js/locales/es.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/fileinput/themes/explorer-fa/theme.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/fileinput/themes/fa/theme.js" type="text/javascript"></script>
|
||||
<script src="{pboot:sitetplpath}/fileinput/js/locales/zh.js" type="text/javascript"></script>
|
||||
<!-- Bootstrap Fileinput End-->
|
||||
|
||||
<!-- 单图片上传upload -->
|
||||
<div class="modal fade" id="uploadBox" tabindex="-1" role="dialog" aria-labelledby="uploadBoxLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="uploadBoxLabel">文件上传</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="file-loading">
|
||||
<input id="uploadInput" name="upload" accept="image/gif,image/jpeg,image/png" type="file" data-msg-placeholder="请选择要上传的图片">
|
||||
</div>
|
||||
<div id="kartik-file-errors"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary uploadSubmit">上传</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--多图片上传 uploads-->
|
||||
<div class="modal fade" id="uploadBoxs" tabindex="-1" role="dialog" aria-labelledby="uploadBoxLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="uploadBoxLabel">文件上传</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="file-loading">
|
||||
<input id="uploadInputs" name="upload[]" multiple accept="image/gif,image/jpeg,image/png" type="file" data-msg-placeholder="请选择要上传的图片">
|
||||
</div>
|
||||
<div id="kartik-file-errors"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary uploadSubmit">上传</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 文件上传 file-->
|
||||
<div class="modal fade" id="fileBox" tabindex="-1" role="dialog" aria-labelledby="fileBoxLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="fileBoxLabel">文件上传</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="file-loading">
|
||||
<input id="fileInput" name="upload" type="file" data-msg-placeholder="请选择要上传的文件">
|
||||
</div>
|
||||
<div id="kartik-file-errors"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary uploadSubmit">上传</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
$(document).on('ready', function() {
|
||||
|
||||
var target;
|
||||
|
||||
$(".upload").on("click",function(){
|
||||
target=$(this).data("target");
|
||||
upload('uploadInput',false,false,true,1);
|
||||
$("#uploadBox").modal("show");
|
||||
});
|
||||
|
||||
$(".uploads").on("click",function(){
|
||||
target=$(this).data("target");
|
||||
upload('uploadInputs',true,true,true,0);
|
||||
$("#uploadBoxs").modal("show");
|
||||
});
|
||||
|
||||
$(".file").on("click",function(){
|
||||
target=$(this).data("target");
|
||||
upload('fileInput',false,false,true,1);
|
||||
$("#fileBox").modal("show");
|
||||
});
|
||||
|
||||
|
||||
function upload(inputName,showPreview,dropZoneEnabled,autoReplace,maxFileCount){
|
||||
$("#"+inputName).fileinput({
|
||||
language:'zh',
|
||||
showUpload: false,
|
||||
showPreview: showPreview,
|
||||
dropZoneEnabled: dropZoneEnabled,
|
||||
autoReplace: autoReplace,
|
||||
elErrorContainer: '#kartik-file-errors',
|
||||
uploadAsync: false,
|
||||
maxFileCount: maxFileCount,
|
||||
uploadUrl: '{pboot:upload}'//文件上传接口
|
||||
}).on("filebatchuploadsuccess", function (event, data, previewId, index) {
|
||||
if(data.response.code){
|
||||
$(target).val(data.response.data);
|
||||
$("img"+target).attr("src","{pboot:sitepath}"+data.response.data);
|
||||
$("#"+inputName).fileinput('reset');
|
||||
$("#uploadBox").modal("hide");
|
||||
$("#fileBox").modal("hide");
|
||||
$("#uploadBoxs").modal("hide");
|
||||
}else{
|
||||
alert(data.response.data);
|
||||
}
|
||||
});
|
||||
|
||||
$(".uploadSubmit").on("click",function(){
|
||||
$("#"+inputName).fileinput("upload");
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
226
template/default/html/contact.html
Normal file
226
template/default/html/contact.html
Normal file
@@ -0,0 +1,226 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/contact.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="youshi contact">
|
||||
<div class="item_youshi">
|
||||
<img src="{pboot:sitetplpath}/img/c1.png " alt="">
|
||||
<div class="youshi_title">公司地址</div>
|
||||
<div class="youshi_line"></div>
|
||||
<div class="youshi_text">
|
||||
{pboot:companyaddress}
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi">
|
||||
<img src="{pboot:sitetplpath}/img/c2.png " alt="">
|
||||
<div class="youshi_title">联系电话</div>
|
||||
<div class="youshi_line"></div>
|
||||
<div class="youshi_text">
|
||||
王经理 {pboot:companyphone}
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi">
|
||||
<img src="{pboot:sitetplpath}/img/c3.png " alt="">
|
||||
<div class="youshi_title">邮箱</div>
|
||||
<div class="youshi_line"></div>
|
||||
<div class="youshi_text">
|
||||
{pboot:companyemail}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service servicebg">
|
||||
<div class="con_map">
|
||||
<div style="width: 1200px;margin-bottom: 1rem;">
|
||||
<div id="baidu-map" style="width: 100%;height:600px"></div>
|
||||
</div>
|
||||
<div class="inputs">
|
||||
<div class="inputs_top">
|
||||
<div class="inputs_item">
|
||||
<p>您的称呼 （必填）</p>
|
||||
<p>
|
||||
<el-input v-model="name" placeholder="请输入您的称呼" clearable></el-input>
|
||||
</p>
|
||||
</div>
|
||||
<div class="inputs_item">
|
||||
<p>您的邮箱</p>
|
||||
<p>
|
||||
<el-input v-model="email" placeholder="请输入您的邮箱" clearable></el-input>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inputs_item">
|
||||
<p>您的电话（必填）</p>
|
||||
<p>
|
||||
<el-input v-model="tel" placeholder="请输入您的电话" clearable></el-input>
|
||||
</p>
|
||||
</div>
|
||||
<div class="inputs_item">
|
||||
<p>留言：（必填）</p>
|
||||
<p>
|
||||
<el-input v-model="other" placeholder="" type="textarea"></el-input>
|
||||
</p>
|
||||
</div>
|
||||
<div class="inputs_btn">
|
||||
<el-button @click="clear" size="small">内容重置</el-button>
|
||||
<el-button type="primary" size="small" class="submit" @click="submit">立即提交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
isVariableTrue: true,//true:手机，false：web
|
||||
name: '',
|
||||
email: '',
|
||||
tel: '',
|
||||
other: '',
|
||||
},
|
||||
filters: {
|
||||
|
||||
},
|
||||
created() {
|
||||
},
|
||||
mounted() {
|
||||
this.updateVariableOnResize();
|
||||
window.addEventListener('resize', this.updateVariableOnResize);
|
||||
},
|
||||
beforeUnmount() {
|
||||
// 清除监听器以避免内存泄漏
|
||||
window.removeEventListener('resize', this.updateVariableOnResize);
|
||||
},
|
||||
methods: {
|
||||
clear() {
|
||||
this.name = '';
|
||||
this.email = '';
|
||||
this.tel = '';
|
||||
this.other = '';
|
||||
},
|
||||
submit() {
|
||||
const that = this;
|
||||
if (that.name == '') {
|
||||
that.$message({
|
||||
message: '请输入您的称呼',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (that.tel == '') {
|
||||
that.$message({
|
||||
message: '请输入您的电话',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
var reg = /^(1|0)[\d\-]+$/;
|
||||
if (!reg.test(that.tel)) {
|
||||
that.$message({
|
||||
message: '请输入正确的电话',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (that.other == '') {
|
||||
that.$message({
|
||||
message: '请输入留言',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
var host = window.location.hostname;
|
||||
// 正式环境
|
||||
var currentHost = 'www.gaohaotech.com';
|
||||
var backHost = '49.234.64.111';
|
||||
var url = 'https://www.aiotagro.com/?a=contact'
|
||||
// 测试环境
|
||||
if (host != currentHost && host != backHost) {
|
||||
url = "http://www.myaiotagro.com/?a=contact";
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
name: that.name,
|
||||
mobile: that.tel,
|
||||
comments: that.other,
|
||||
email: that.email,
|
||||
www: 6
|
||||
},
|
||||
success: function (response, status) {
|
||||
if (response.status == 1) {
|
||||
alert("提交成功！");
|
||||
window.location.reload(true);
|
||||
} else {
|
||||
let messge = response.message || '提交失败！';
|
||||
alert(messge);
|
||||
}
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
|
||||
},
|
||||
updateVariableOnResize() {
|
||||
this.isVariableTrue = window.innerWidth <= 768 ? true : false;
|
||||
},
|
||||
handleScroll() {
|
||||
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
||||
this.isBelowThreshold = scrollTop < this.scrollThreshold;
|
||||
},
|
||||
}
|
||||
})
|
||||
function initMap() {
|
||||
var map = new BMap.Map("baidu-map");
|
||||
|
||||
var point = new BMap.Point(104.063615, 30.543975);
|
||||
|
||||
map.centerAndZoom(point, 16);
|
||||
|
||||
// 创建信息窗口内容
|
||||
var infoContent = '<h2>基芯农</h2><p>四川省成都市桂溪街道吉泰五路88号2栋17层6号</p>';
|
||||
|
||||
// 创建信息窗口对象
|
||||
var infoWindow = new BMap.InfoWindow(infoContent, {
|
||||
// 可以设置样式、宽度等属性
|
||||
width: 200,
|
||||
title: '',
|
||||
enableMessage: true // 允许信息窗口发送消息
|
||||
});
|
||||
|
||||
// 添加点击事件监听器
|
||||
var marker = new BMap.Marker(point); // 创建一个标记
|
||||
map.addOverlay(marker); // 将标记添加到地图上
|
||||
|
||||
marker.addEventListener('click', function () {
|
||||
// 当点击标记时，打开信息窗口
|
||||
map.openInfoWindow(infoWindow, point);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script src="https://api.map.baidu.com/api?v=3.0&ak=P5rdFRhnd00BxQa0IUNR0tpOsxFl5xhs&callback=initMap"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
{include file=comm/footer.html}
|
||||
@@ -1,309 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
<div class="swiper-container bannernone">
|
||||
<div class="swiper-wrapper">
|
||||
{pboot:slide num=5 gid=14}
|
||||
<div class="swiper-slide">
|
||||
<a href="[slide:link]">
|
||||
<img src="[slide:src]" class="d-block w-100">
|
||||
</a>
|
||||
<!-- <div class="">
|
||||
<div class="pctop">
|
||||
<h1 class="fs-20 fs-sm-32 wow slideInUp sizemin" style="color: #d7fde3;">[slide:title]</h1>
|
||||
<h4 class="fs-14 fs-sm-20 wow slideInUp sizemin" style="color: #d7fde3;">[slide:subtitle]</h4>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
{/pboot:slide}
|
||||
</div>
|
||||
<div style="padding-top: 4%;">
|
||||
<div class="swiper-button-prev d-none d-md-block"></div>
|
||||
<div class="swiper-button-next d-none d-md-block"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
{pboot:sort scode=11}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img class="nose" style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
|
||||
|
||||
// 如果需要分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
// 如果需要前进后退按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
|
||||
})
|
||||
</script>
|
||||
{include file=comm/head.html}
|
||||
|
||||
<div class="container pages">
|
||||
{include file=comm/position.html}
|
||||
<div class="content da-about d-block">
|
||||
<div class="">
|
||||
<div class="lx_fs pt0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-12">
|
||||
<div class="lx_nr">
|
||||
<div class="b_t">联系方式</div>
|
||||
<div class="w_z">
|
||||
<div class="lxfs">
|
||||
<div style="display: flex;align-items: center;">
|
||||
<img
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/29a65c7bdc7d454fdbb5b9297237df0e3b.jpg"
|
||||
alt="">
|
||||
<div style="padding-left: 10px;font-size: 15px;margin-top: 6px;">公司名称：{pboot:companyname}</div>
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<img style="margin-top: 26px;"
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/28427dfb1f8240a9b2fbe22f34cc00541f.jpg"
|
||||
alt="">
|
||||
<div style="padding-left: 10px;font-size: 15px;margin-top: 26px;">
|
||||
联系人：{pboot:companymobile} {pboot:companyphone}</div>
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<img style="margin-top: 26px;"
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/29c4e174986b4ff623c319b1fb74a0d452.jpg"
|
||||
alt="">
|
||||
<div style="padding-left: 10px;font-size: 15px;margin-top: 26px;">邮箱：{pboot:companyemail}</div>
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<img style="margin-top: 26px;"
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/02/28887fbc7ea38252baa2970f666f3b63ab.jpg"
|
||||
alt="">
|
||||
<div style="padding-left: 10px;font-size: 15px;margin-top: 26px;">地址：{pboot:companyaddress}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-12">
|
||||
<div class="lx_nr">
|
||||
<div class="b_t">在线留言</div>
|
||||
<div class="l_y">
|
||||
<form>
|
||||
|
||||
<ul class="row">
|
||||
<li class="col-12">
|
||||
<input type="text" placeholder="联系人：（必填）" id="call" class="xm" name="data[xm]">
|
||||
</li>
|
||||
|
||||
<li class="col-12">
|
||||
<input type="text" placeholder="电话：（必填）" id="tel" class="sj" name="data[sj]">
|
||||
</li>
|
||||
<li class="col-12">
|
||||
<textarea placeholder="留言：（必填）" id="messages" class="liuyan" name="data[liuyan]"></textarea>
|
||||
</li>
|
||||
<li class="col-12" style="display: flex;justify-content:flex-end;">
|
||||
<p style="text-align: right;">
|
||||
<!-- <button type="reset" class="c_z" onclick="fn()">内 容 重 置</button>
|
||||
|
||||
<div class="ljtjdiv" type="reset" onclick="enter()">
|
||||
<div>立 即 提 交</div>
|
||||
</div> -->
|
||||
<div style="background-color: #888;margin-right: 20px;" class="ljtjdiv" type="reset"
|
||||
onclick="fn()" class="c_z">
|
||||
<div>内 容 重 置</div>
|
||||
</div>
|
||||
<div class="ljtjdiv" type="reset" onclick="enter()">
|
||||
<div>立 即 提 交</div>
|
||||
</div>
|
||||
<script>
|
||||
var enter = function () {
|
||||
console.log()
|
||||
if ($('.xm').val() && $('.sj').val() && $('.liuyan').val()) {
|
||||
var host = window.location.hostname;
|
||||
// 正式环境
|
||||
var currentHost = 'www.gaohaotech.com';
|
||||
var backHost = '49.234.64.111';
|
||||
var url = 'https://www.aiotagro.com/?a=contact'
|
||||
// 测试环境
|
||||
if (host != currentHost && host != backHost) {
|
||||
url = "http://www.myaiotagro.com/?a=contact";
|
||||
}
|
||||
console.log($('#tel').val(), '----obj.tel');
|
||||
var reg = /^(1|0)[\d\-]+$/;
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
name: $('#call').val(),
|
||||
mobile: $('#tel').val(),
|
||||
comments: $('#messages').val(),
|
||||
// email: obj.emails,
|
||||
www: 6
|
||||
},
|
||||
success: function (response, status) {
|
||||
if (response.status == 1) {
|
||||
alert("提交成功！");
|
||||
window.location.reload(true);
|
||||
} else {
|
||||
let messge = response.message || '提交失败！';
|
||||
alert(messge);
|
||||
}
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
} else {
|
||||
alert('请填写完整信息')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</p>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".lx_dt").slide({ mainCell: ".bd", delayTime: 500 });
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.BMapLabel {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<div class="lx_dt">
|
||||
<!-- <div class="map" style=" height: auto;"> -->
|
||||
<!-- <img style="width: 100%;" class="pt5"
|
||||
src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/03/0896902f4ccb1f4bb6608d514ea886d858.png"> -->
|
||||
<div id="mymap" style="width: 100%;height: 500px;"></div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
{include file=comm/foot.html}
|
||||
<script>
|
||||
function fn() {
|
||||
document.getElementById("call").value = "";
|
||||
document.getElementById("tel").value = "";
|
||||
document.getElementById("messages").value = "";
|
||||
|
||||
}
|
||||
function loadJScript() {
|
||||
var script = document.createElement('script');
|
||||
script.type = 'text/javascript';
|
||||
//script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo&callback=init';
|
||||
// script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=sGsDxcLCP7oU41EkZrft0kPYCE8APRwF&callback=init';
|
||||
script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=p4T16rvFKQQ2fnxAvYGy8L8QONn527jX&callback=init';
|
||||
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
|
||||
function init() {
|
||||
var map = new BMapGL.Map('mymap'); // 创建Map实例
|
||||
var point = new BMapGL.Point(114.414101, 30.484799); // 创建点坐标
|
||||
map.centerAndZoom(point, 18);
|
||||
map.enableScrollWheelZoom(); // 启用滚轮放大缩小
|
||||
|
||||
var marker1 = new BMapGL.Marker(point);
|
||||
map.addOverlay(marker1);
|
||||
var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
|
||||
map.addControl(scaleCtrl);
|
||||
var zoomCtrl = new BMapGL.ZoomControl(); // 添加缩放控件
|
||||
map.addControl(zoomCtrl);
|
||||
var content = "爱农云联";
|
||||
var label = new BMapGL.Label(content, { // 创建文本标注
|
||||
position: point, // 设置标注的地理位置
|
||||
offset: new BMapGL.Size(-40, -40), // 设置标注的偏移量
|
||||
|
||||
})
|
||||
map.addOverlay(label);
|
||||
label.setStyle({ // 设置label的样式
|
||||
color: 'red',
|
||||
fontSize: '20px',
|
||||
border: ''
|
||||
})
|
||||
marker1.addEventListener('click', function () {
|
||||
window.open('http://api.map.baidu.com/marker?location=30.484799,114.414101&title=我的位置&content=爱农云联&output=html')
|
||||
})
|
||||
}
|
||||
|
||||
window.onload = loadJScript; // 异步加载地图
|
||||
</script>
|
||||
<script>
|
||||
$("#sentMsgs").click(function () {
|
||||
var host = window.location.hostname;
|
||||
// 正式环境
|
||||
var currentHost = 'www.gaohaotech.com';
|
||||
var backHost = '49.234.64.111';
|
||||
var url = 'https://www.aiotagro.com/?a=contact'
|
||||
// 测试环境
|
||||
if (host != currentHost && host != backHost) {
|
||||
url = "http://www.myaiotagro.com/?a=contact";
|
||||
}
|
||||
console.log($('#tel').val(), '----obj.tel');
|
||||
var reg = /^(1|0)[\d\-]+$/;
|
||||
if (!reg.test($('#tel').val())) {
|
||||
alert('电话号码错误！');
|
||||
return false;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
name: $('#call').val(),
|
||||
mobile: $('#tel').val(),
|
||||
comments: $('#messages').val(),
|
||||
// email: obj.emails,
|
||||
www: 6
|
||||
},
|
||||
success: function (response, status) {
|
||||
if (response.status == 1) {
|
||||
alert("提交成功！");
|
||||
window.location.reload(true);
|
||||
} else {
|
||||
let messge = response.message || '提交失败！';
|
||||
alert(messge);
|
||||
}
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
</script>
|
||||
170
template/default/html/dongjing.html
Normal file
170
template/default/html/dongjing.html
Normal file
@@ -0,0 +1,170 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/dongjing.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="brand cexubj">
|
||||
<div class="title">
|
||||
<div class="brandTitleWrap">
|
||||
<h6 class="detail_title">冻精分选</h6>
|
||||
</div>
|
||||
<p class="icon_bg">
|
||||
<img src="{pboot:sitetplpath}/img/fuhao.png" alt="">
|
||||
基芯农拥有冻精生产核心设备的知识产权，掌握猪、牛等动物的冻精生产技术，专注于中国畜禽基因保存。冷冻精液延长了精液的保藏时间，相较于鲜精配种，所需精液量更少，配种效率更高，运输携带更便捷，可保存优良种公畜的基因，保障养殖场生物防控安全。
|
||||
</p>
|
||||
<div class="detail_changjing">
|
||||
应用场景：后备牛群规模增加、育种改良、种质资源保护、疾病控制、自繁自养等。
|
||||
</div>
|
||||
</div>
|
||||
<div class="brandRight">
|
||||
<div><img src="{pboot:sitetplpath}/img/4-2.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/title_1.png" alt="">
|
||||
</div>
|
||||
<div class="youshi">
|
||||
<div class="item_youshi">
|
||||
<img src="{pboot:sitetplpath}/img/Frame.png " alt="">
|
||||
<div class="youshi_title">品种优良</div>
|
||||
<div class="youshi_line"></div>
|
||||
<div class="youshi_text">基芯农选用核心育种场top10%公畜精液制作冻精，与国内、国际知名种公畜协会开展合作，拥有全球优秀的公畜基因资源，保证了种公畜优良的后代遗传基因。
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi">
|
||||
<img src="{pboot:sitetplpath}/img/Frame-1.png " alt="">
|
||||
<div class="youshi_title">质量安全</div>
|
||||
<div class="youshi_line"></div>
|
||||
<div class="youshi_text">基芯农精液检测标准高于行业要求，对所有出库冻精严格把关，并建有完善的生物安全体系，保障畜禽健康，精源安全可靠，精液保质保量。
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi">
|
||||
<img src="{pboot:sitetplpath}/img/Frame-2.png " alt="">
|
||||
<div class="youshi_title">设备精良</div>
|
||||
<div class="youshi_line"></div>
|
||||
<div class="youshi_text">
|
||||
基芯农采用国际先进自动化设备，拥有计算机辅助精液分析系统，以精良的仪器设备减少人为误差，评判标准客观统一。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/title_02.png" alt="">
|
||||
</div>
|
||||
<div class="youshi clone" v-if="!this.isVariableTrue" v-cloak>
|
||||
<div class="item_youshi dongjing">
|
||||
<img src="{pboot:sitetplpath}/img/pig.png " alt="">
|
||||
<div>猪</div>
|
||||
<div class="item_dongjing dongjing_02">
|
||||
<p class="title_dongjing">基芯农冻精平台提供的禽畜类别：</p>
|
||||
<p>① 冻精可永久储存，延长了猪精液的保藏时间；</p>
|
||||
<p>② 运输携带便捷，适应在广大农村散养户、小规模养殖场推广；</p>
|
||||
<p>③ 冻精繁殖降低了引种和种公猪饲养成本，提高了养殖经济效益；</p>
|
||||
<p>④ 冻精配种所需精液量更少，配种效率更高；</p>
|
||||
<p>⑤ 冻精由专业种猪公司生产，优质种公猪的利用率、种质基因更优秀；</p>
|
||||
<p>⑥ 冻精应用可为猪场生物防控安全提供保障，减少疾病传播风险，养殖更安全；</p>
|
||||
<p>⑦ 有利于保种、育种以及开发与再利用地方品种的研究。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi dongjing">
|
||||
<img src="{pboot:sitetplpath}/img/niu.png " alt="">
|
||||
<div>牛</div>
|
||||
<div class="item_dongjing dongjing_01">
|
||||
<p class="title_dongjing">牛可选用性控冻精，人为选择后代的性别，具有以下优势:</p>
|
||||
<p>① 扩群方面：提高牧场母犊出生率，提升经济效益，逐步实现自繁自养;</p>
|
||||
<p>② 育种改良：增加养殖场后备牛群规模，牛群筛选范围加大可加强选育强度;</p>
|
||||
<p>③ 若长期使用性控冻精，养殖场可减少或避免外购牛只，牛只流通降低，疾病 控制难度也将逐年下降。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="tapWrap">
|
||||
<div class="tapWrapitem">
|
||||
<div class="image">
|
||||
<img src="{pboot:sitetplpath}/img/dongjing_03.png" />
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="description">
|
||||
<p style="font-size: 15px;">猪冻精配种相对于鲜精配种存在以下优势：</p>
|
||||
<p>① 冻精可永久储存，延长了猪精液的保藏时间；</p>
|
||||
<p>② 运输携带便捷，适应在广大农村散养户、小规模养殖场推广；</p>
|
||||
<p>③ 冻精繁殖降低了引种和种公猪饲养成本，提高了养殖经济效益；</p>
|
||||
<p>④ 冻精配种所需精液量 更少，配种效率更高；</p>
|
||||
<p>⑤ 冻精由专业种猪公司生产，优质种公猪的利用率、种质基因更优秀；</p>
|
||||
<p>⑥ 冻精应用可为猪场生物防控安全提供保障，减少疾病传播风险，养殖更安全；</p>
|
||||
<p>⑦ 有利于保种、育种以及开发与再利用地方品种的研究。</p>
|
||||
</div>
|
||||
<div class="shadow"></div>
|
||||
</div>
|
||||
<div class="tapWrapitem">
|
||||
<div class="image">
|
||||
<img src="{pboot:sitetplpath}/img/dongjing_04.png" />
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="description">
|
||||
<p style="font-size: 15px; ">牛可选用性控冻精，人为选择后代的性别，具有以下优势</p>
|
||||
<p>① 扩群方面：提高牧场母犊出生率，提升经济效益，逐步实现自繁自养;</p>
|
||||
<p>② 育种改良：增加养殖场后备牛群规模，牛群筛选范围加大可加强选育强度;</p>
|
||||
<p>③ 若长期使用性控冻精，养殖场可减少或避免外购牛只，牛只流通降低，疾病 控制难度也将逐年下降。</p>
|
||||
</div>
|
||||
<div class="shadow"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
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: {
|
||||
|
||||
|
||||
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}
|
||||
216
template/default/html/financialInsurance.html
Normal file
216
template/default/html/financialInsurance.html
Normal file
@@ -0,0 +1,216 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/bts.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/item.css">
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/jinrong.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-my-text">
|
||||
<h1>金融与保险机构解决方案</h1>
|
||||
<p>GeneAgro可为金融与保险机构提供定制化生物资产监管服务，通过大规模化基因检测、疾病筛查等手段针对性解决道德风险难防范、保险险种单一、定损赔付难核对等痛点难点，降低赔付率，助推我国畜牧业保险发展。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myitem-container">
|
||||
<div class="myitem-title">
|
||||
<h3>畜牧业保险难点</h3>
|
||||
<p>畜牧业是农业发展中的重要组成部分，而畜牧业保险作为农业保险一大分支，是农业金融服务体系的重要组成部分，是国家乡村振兴的重要组成。</p>
|
||||
</div>
|
||||
<div class="insurance">
|
||||
<div>
|
||||
<h4>养殖户</h4>
|
||||
<p>意识：参保意识不强；</p>
|
||||
<p>风险：养殖风险高，缺乏抵御自然灾害的能力；</p>
|
||||
<p>理赔：存在重复理赔、骗保等事后道德风险。</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>保险机构</h4>
|
||||
<p>承保：投保数量核实和投保标的信息采集困难；</p>
|
||||
<p>监管：保险过程在保生物资产缺乏有效监管手段；</p>
|
||||
<p>人员：养殖保险的专业从业人员匮乏；</p>
|
||||
<p>风险：畜牧保险全流程风控模型不健全，赔付率高。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myitem-title">
|
||||
<h3>贯穿保前、保中、保后全服务流程</h3>
|
||||
</div>
|
||||
|
||||
<div class="insurancePic" v-if="!isVariableTrue" v-cloak>
|
||||
<ul>
|
||||
<li><span class="selected">保前</span><i class="jiantou"></i></li>
|
||||
<li><span>保中</span><i class="jiantou"></i></li>
|
||||
<li><span>保后</span><i></i></li>
|
||||
</ul>
|
||||
<ol>
|
||||
<li style="display: block;">
|
||||
<div class="insurancePic-textImg">
|
||||
<img src="{pboot:sitetplpath}/img/bao1.png" alt="">
|
||||
<div class="insurancePic-text">
|
||||
<h5>关键技术</h5>
|
||||
<p>基因检测技术</p>
|
||||
<p>液相芯片捕获技术</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flowsheet">
|
||||
<div class="flowsheet-item">
|
||||
<div>监测</div>
|
||||
<h4>传感器设备</h4>
|
||||
<p>（智能耳标、项圈、脚环等）</p>
|
||||
<span>数据采集</span>
|
||||
</div>
|
||||
<div class="flowsheet-item web-bg">
|
||||
<div>分析</div>
|
||||
<h4>AI决策系统</h4>
|
||||
<p>（养殖模型、风险控制模型）</p>
|
||||
<span>计算分析</span>
|
||||
</div>
|
||||
<div class="flowsheet-item">
|
||||
<div>决策</div>
|
||||
<h4>养殖设备控制</h4>
|
||||
<p>（精准饲喂器、环控系统）</p>
|
||||
<span>指导决策</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="insurancePic-textImg">
|
||||
<img src="{pboot:sitetplpath}/img/bao3.png" alt="">
|
||||
<div class="insurancePic-text">
|
||||
<h5>关键技术</h5>
|
||||
<p>基因检测技术</p>
|
||||
<p>毒理检测技术</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div v-if="isVariableTrue" v-cloak>
|
||||
|
||||
<div class="myitem-title">
|
||||
<h3>保前</h3>
|
||||
</div>
|
||||
<div class="agriculture">
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/bao1.png" alt=""></div>
|
||||
<div class="agriculture-text borderRight">
|
||||
<h5>关键技术</h5>
|
||||
<div>基因检测技术</div>
|
||||
<div>液相芯片捕获技术</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="myitem-title">
|
||||
<h3>保中</h3>
|
||||
</div>
|
||||
<div class="agriculture">
|
||||
<ol>
|
||||
<li>
|
||||
<div class="flowsheet">
|
||||
<div class="flowsheet-item">
|
||||
<div>监测</div>
|
||||
<h4>传感器设备</h4>
|
||||
<p>（智能耳标、项圈、脚环等）</p>
|
||||
<span>数据采集</span>
|
||||
</div>
|
||||
<div class="flowsheet-item web-bg">
|
||||
<div>分析</div>
|
||||
<h4>AI决策系统</h4>
|
||||
<p>（养殖模型、风险控制模型）</p>
|
||||
<span>计算分析</span>
|
||||
</div>
|
||||
<div class="flowsheet-item">
|
||||
<div>决策</div>
|
||||
<h4>养殖设备控制</h4>
|
||||
<p>（精准饲喂器、环控系统）</p>
|
||||
<span>指导决策</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="myitem-title">
|
||||
<h3>保后</h3>
|
||||
</div>
|
||||
<div class="agriculture">
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/bao3.png" alt=""></div>
|
||||
<div class="agriculture-text borderRight">
|
||||
<h5>关键技术</h5>
|
||||
<div>基因检测技术</div>
|
||||
<div>毒理检测技术</div>
|
||||
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.insurancePic li').click(function () {
|
||||
$('.insurancePic li span').removeClass('selected');
|
||||
$(this).find('span').addClass('selected');
|
||||
var index = $(this).index();
|
||||
$('ol li').eq(index).show();
|
||||
$('ol li').not(':eq(' + index + ')').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
{include file=comm/footer.html}
|
||||
114
template/default/html/government.html
Normal file
114
template/default/html/government.html
Normal file
@@ -0,0 +1,114 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/bts.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/item.css">
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/zhengfu.png" alt=""></div>
|
||||
<div class="swiper-my-text">
|
||||
<h1>政府机关解决方案</h1>
|
||||
<p>通过基因芯片助力各地方育种场完成地方种质资源鉴定，挖掘发展本地优良品种，提升当地检验检疫能力等，打造科技型特色畜牧产业</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myitem-container">
|
||||
<div class="myitem-title">
|
||||
<h3>地方品种保种难点</h3>
|
||||
<p>种业是农业的“芯片”，是我国战略性和基础性产业，也是保障国家粮食安全的重要基石。目前多省的地方畜禽遗传资源逐渐减少，大部分品种没有得到充分的开发应用，保种工作难以持续进行。</p>
|
||||
</div>
|
||||
<div class="process">
|
||||
<div class="process-item"><span>纯种比例低</span></div>
|
||||
<div class="process-item"><span>生产性能与繁殖性能下降退化</span></div>
|
||||
<div class="process-item"><span>未形成特色地方品种品牌</span></div>
|
||||
<div class="process-item"><span>多数养殖户生产方式传统落后</span></div>
|
||||
<div class="process-item"><span>易受到流行性疫病的影响</span></div>
|
||||
</div>
|
||||
<div class="myitem-title">
|
||||
<h3>GeneAgro 政府助农解决方案</h3>
|
||||
</div>
|
||||
<div class="agriculture">
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/zhengfu1.png" alt=""></div>
|
||||
<div class="agriculture-text borderLeft">
|
||||
<h4>地方品种保护与评估</h4>
|
||||
<p>围绕当地大力发展的畜牧产业面临的纯种畜禽数量骤减、繁殖性能低、成活率低、良种率低等瓶颈问题进行科学研究，利用基因芯片从分子遗传角度解析遗传多样性、亲缘关系、家系结构，通过因果位点分析辅助育种，剔除有害基因型个体，提升种群的生产性能。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="agriculture" v-if="!isVariableTrue" v-cloak>
|
||||
<div class="agriculture-text borderRight">
|
||||
<h4>种质资源挖掘</h4>
|
||||
<p>通过全基因组重测序对当地禽畜品种进行不同个体的全基因组测序，并在该物种的个体或群体水平进行全基因组差异性分析，从而获得大量可遗传的变异信息开发分子标记，可以构建遗传图谱、家系构建、进化分析、QTL定位、基因组选择等，以进行种质资源挖掘，培育优良品种。
|
||||
</p>
|
||||
</div>
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/zhengfu2.png" alt=""></div>
|
||||
</div>
|
||||
|
||||
<div class="agriculture" v-else>
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/zhengfu2.png" alt=""></div>
|
||||
<div class="agriculture-text borderRight">
|
||||
<h4>种质资源挖掘</h4>
|
||||
<p>通过全基因组重测序对当地禽畜品种进行不同个体的全基因组测序，并在该物种的个体或群体水平进行全基因组差异性分析，从而获得大量可遗传的变异信息开发分子标记，可以构建遗传图谱、家系构建、进化分析、QTL定位、基因组选择等，以进行种质资源挖掘，培育优良品种。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="agriculture">
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/zhengfu3.png" alt=""></div>
|
||||
<div class="agriculture-text borderLeft">
|
||||
<h4>产业化产品定制</h4>
|
||||
<p>针对当地禽畜品种，通过前期调研与分析定制适用于当地品种的基因芯片，在后期品种保种与选育中，可实现优良性状的不同组合，缩短育种周期，提升产品价值，助推高品质优良畜禽品种的培育，赋能畜禽分子遗传育种工作的精细化发展。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- <script src="{pboot:sitetplpath}/js/swiper.min.js"></script> -->
|
||||
<!-- 引入组件库 -->
|
||||
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
|
||||
<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>
|
||||
|
||||
{include file=comm/footer.html}
|
||||
187
template/default/html/husbandry.html
Normal file
187
template/default/html/husbandry.html
Normal file
@@ -0,0 +1,187 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/bts.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/item.css">
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/xumu.png" alt=""></div>
|
||||
<div class="swiper-my-text">
|
||||
<h1>畜牧企业解决方案</h1>
|
||||
<p>GeneAgro通过高新技术为畜牧企业缩短育种周期，辅助养殖场完善管理决策，开展克隆技术以扩宽良种种群，可极大提高畜牧企业生产效率，提升经济效益。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myitem-container">
|
||||
<div class="myitem-title">
|
||||
<h3>畜牧企业面临难题</h3>
|
||||
</div>
|
||||
<div class="husbandry-content">
|
||||
<div class="husbandry-content-item">
|
||||
<img src="{pboot:sitetplpath}/img/icon01.png" alt="">
|
||||
<p>生产技术落后 缺乏科学指导</p>
|
||||
</div>
|
||||
<div class="husbandry-content-item">
|
||||
<img src="{pboot:sitetplpath}/img/icon02.png" alt="">
|
||||
<p>养殖成本攀升 耗时耗物耗人</p>
|
||||
</div>
|
||||
<div class="husbandry-content-item">
|
||||
<img src="{pboot:sitetplpath}/img/icon03.png" alt="">
|
||||
<p>良种繁育不足 依赖国外引种</p>
|
||||
</div>
|
||||
<div class="husbandry-content-item">
|
||||
<img src="{pboot:sitetplpath}/img/icon04.png" alt="">
|
||||
<p>育种基础薄弱 缺少优良品种</p>
|
||||
</div>
|
||||
<div class="husbandry-content-item">
|
||||
<img src="{pboot:sitetplpath}/img/icon05.png" alt="">
|
||||
<p>育种基础薄弱 缺少优良品种</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myitem-title">
|
||||
<h3>全方位助力企业发展</h3>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="youshi clone" v-if="!this.isVariableTrue" v-cloak>
|
||||
<div class="item_youshi ">
|
||||
<div class="husbandry01 dongjing">
|
||||
<div class="item_dongjing dongjing_01">
|
||||
<p class="title_dongjing">技术关键</p>
|
||||
<p>全基因组选择技术</p>
|
||||
<p>基因芯片</p>
|
||||
<p>基因检测技术</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="caption1">
|
||||
<h5>指导育种</h5>
|
||||
<p>家系梳理、减少近交、科学育种方案</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi ">
|
||||
<div class="husbandry02 dongjing">
|
||||
<div class="item_dongjing dongjing_01">
|
||||
<p class="title_dongjing">技术关键</p>
|
||||
<p>基因芯片</p>
|
||||
<p>冻精优选</p>
|
||||
<p>体细胞克隆</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="caption1">
|
||||
<h5>快速扩繁</h5>
|
||||
<p>缩短育种周期、性别控制、培育优良品种</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_youshi ">
|
||||
<div class="husbandry03 dongjing">
|
||||
<div class="item_dongjing dongjing_01">
|
||||
<p class="title_dongjing">技术关键</p>
|
||||
<p>基因芯片</p>
|
||||
<p>基因检测技术</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="caption1">
|
||||
<h5>疾病防控</h5>
|
||||
<p>传染病预防、遗传病控制、品质提升</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="tapWrap">
|
||||
<div class="tapWrapitem">
|
||||
<div class="image">
|
||||
<img src="{pboot:sitetplpath}/img/husbandry1.png" />
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="description">
|
||||
<p class="title_dongjing">技术关键</p>
|
||||
<p>全基因组选择技术</p>
|
||||
<p>基因芯片</p>
|
||||
<p>基因检测技术</p>
|
||||
</div>
|
||||
<div class="shadow"></div>
|
||||
</div>
|
||||
<div class="tapWrapitem">
|
||||
<div class="image">
|
||||
<img src="{pboot:sitetplpath}/img/husbandry2.png" />
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="description">
|
||||
<p class="title_dongjing">技术关键</p>
|
||||
<p>基因芯片</p>
|
||||
<p>冻精优选</p>
|
||||
<p>体细胞克隆</p>
|
||||
</div>
|
||||
<div class="shadow"></div>
|
||||
</div>
|
||||
<div class="tapWrapitem">
|
||||
<div class="image">
|
||||
<img src="{pboot:sitetplpath}/img/husbandry3.png" />
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="description">
|
||||
<p class="title_dongjing">技术关键</p>
|
||||
<p>基因芯片</p>
|
||||
<p>基因检测技术</p>
|
||||
</div>
|
||||
<div class="shadow"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 引入组件库 -->
|
||||
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
|
||||
<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}
|
||||
File diff suppressed because it is too large
Load Diff
1137
template/default/html/index_副本.html
Normal file
1137
template/default/html/index_副本.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,192 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
{pboot:sort scode=5}
|
||||
<a href="[sort:link]"><img class="topimgmax" src=[sort:pic] alt=""></a>
|
||||
{/pboot:sort}
|
||||
<div class="container pages">
|
||||
{include file=comm/position.html}
|
||||
<div class="container">
|
||||
<div class="main">
|
||||
<div class="main_l">
|
||||
<p class="cpTitle">{content:title}</p>
|
||||
<p class="cpTag"><span>{content:date}</span><span>访问量：{content:visits}</span></p>
|
||||
<div class="content sizeydd">{content:content}</div>
|
||||
<div class="text-secondary lh-2 bottomflex sizeydd">
|
||||
<p><span style="font-weight: bold;">上一篇：</span>{content:precontent}</p>
|
||||
<p><span style="font-weight: bold;">下一篇：</span>{content:nextcontent}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_r">
|
||||
<p class="main_r_title">更多设备</p>
|
||||
{pboot:list num=6 order=random page=0 scode=5}
|
||||
<div class="cpItem sizeydd">
|
||||
<a style="display: flex;align-items: center;" href="[list:link]"><img src=[list:ico]
|
||||
alt="[list:title]"></a>
|
||||
<div>
|
||||
<p><a style="font-size: 16px;" href="[list:link]">[list:title
|
||||
lencn=112]</a></p>
|
||||
<p style="font-size: 12px;">[list:content drophtml=1 dropblank=1 lencn=22]</p>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
<p class="main_r_title" style="width: 20%;text-align: center;">标签</p>
|
||||
<div class="fx1">
|
||||
{pboot:tags scode=5}
|
||||
<a href="[tags:link]">
|
||||
<div class="biaoqian">[tags:text]</div>
|
||||
</a>
|
||||
{/pboot:tags}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{include file=comm/comment.html}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var viewSwiper = new Swiper('.view .swiper-container', {
|
||||
on: {
|
||||
slideChangeTransitionStart: function () {
|
||||
updateNavPosition()
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$('.view .arrow-left,.preview .arrow-left').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == 0) {
|
||||
viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slidePrev()
|
||||
})
|
||||
$('.view .arrow-right,.preview .arrow-right').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
|
||||
viewSwiper.slideTo(0, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slideNext()
|
||||
})
|
||||
|
||||
var previewSwiper = new Swiper('.preview .swiper-container', {
|
||||
//visibilityFullFit: true,
|
||||
slidesPerView: 'auto',
|
||||
allowTouchMove: false,
|
||||
on: {
|
||||
tap: function () {
|
||||
viewSwiper.slideTo(previewSwiper.clickedIndex)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
function updateNavPosition() {
|
||||
$('.preview .active-nav').removeClass('active-nav')
|
||||
var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
|
||||
if (!activeNav.hasClass('swiper-slide-visible')) {
|
||||
if (activeNav.index() > previewSwiper.activeIndex) {
|
||||
var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
|
||||
previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
|
||||
} else {
|
||||
previewSwiper.slideTo(activeNav.index())
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
/* 标签样式 */
|
||||
.tab {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #A3C85E;
|
||||
border-bottom: 2px solid #A3C85E;
|
||||
}
|
||||
|
||||
/* 内容视图样式 */
|
||||
.tab-content {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.main_l {
|
||||
width: 65%;
|
||||
padding-right: 80px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.main_l .cpTitle {
|
||||
color: #555;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main_l .cpTag {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #C5C5C5;
|
||||
font-size: 12px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.main_l img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main_r {
|
||||
width: 35%;
|
||||
height: 100%;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.main_r .main_r_title {
|
||||
color: #555;
|
||||
font-size: 20px;
|
||||
line-height: 45px;
|
||||
margin-bottom: 14px;
|
||||
border-bottom: 1px solid #48CFAD;
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.main_r .cpItem {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main_r .cpItem img {
|
||||
width: 118px;
|
||||
}
|
||||
|
||||
.main_r .cpItem div {
|
||||
padding: 15px;
|
||||
}
|
||||
</style>
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,89 +0,0 @@
|
||||
{pboot:sort scode=5}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
{include file=comm/head.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
<!-- 产品 -->
|
||||
<!-- 分类筛选 -->
|
||||
<!-- <div class="my-3">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">类型：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_type text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_type}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">颜色：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_color text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_color}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 图文列表 -->
|
||||
<div class="row">
|
||||
{pboot:list num=9 order=sorting}
|
||||
<div class="col-12 col-sm-6 col-lg-4 wow zoomIn meteal" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
|
||||
<div class="card">
|
||||
<div class=""><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a></div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><a style="color: black;" href="[list:link]">[list:title lencn=12]</a></h5>
|
||||
<p class="card-text">
|
||||
<!-- {pboot:if([list:istop]==1)}
|
||||
<span class="badge badge-danger">置顶</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isrecommend]==1)}
|
||||
<span class="badge badge-warning">推荐</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isheadline]==1)}
|
||||
<span class="badge badge-info">头条</span>
|
||||
{/pboot:if} -->
|
||||
<span class="sizemin">[list:content drophtml=1 dropblank=1 lencn=50]</span>
|
||||
</p>
|
||||
<p>
|
||||
<!-- pboot:tags id=[list:id] scode={sort:tcode} -->
|
||||
<a href="[list:link]">
|
||||
<div class="container cpjs1">
|
||||
<div class="cpjsBox1" style="text-align: right;color: #2471f5;padding-top: 10px;padding-bottom: 10px;">
|
||||
<p class="enter"><span>了解详情 ></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- <a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a> -->
|
||||
<!-- {/pboot:tags} -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
</div>
|
||||
|
||||
{include file=comm/page.html}
|
||||
|
||||
<!-- 搜索-->
|
||||
<!-- <form class="form-inline mb-5 justify-content-center" action="{pboot:scaction}" method="get">
|
||||
<div class="form-group mx-sm-3 mb-2">
|
||||
<input type="text" name="keyword" class="form-control" placeholder="请输入关键字">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info mb-2">搜索</button>
|
||||
</form> -->
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,23 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<h2 class="text-center fs-sm-28 fs-24">{content:title}</h2>
|
||||
<div class="text-center border-bottom text-secondary pb-2 mb-3">
|
||||
时间：{content:date} 访问量：{content:visits}
|
||||
</div>
|
||||
<div class="content mb-3">{content:content}</div>
|
||||
<div class="text-secondary lh-2">
|
||||
<p>上一篇：{content:precontent}</p>
|
||||
<p>下一篇：{content:nextcontent}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/comment.html}
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,28 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<!-- 列表内容 -->
|
||||
<div class="row">
|
||||
{pboot:list num=10 order=date}
|
||||
<div class="mb-3 col-12 col-sm-6 col-lg-3">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">招聘职位：[list:title]</div>
|
||||
<div class="card-body">
|
||||
<p class="card-text">[list:content drophtml=1 dropblank=1 lencn=50]</p>
|
||||
<a class="btn btn-info mt-2" href="[list:link]">查看详情</a>
|
||||
</div>
|
||||
<div class="card-footer">发布日期：[list:date style=Y-m-d]</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
</div>
|
||||
|
||||
{include file=comm/page.html}
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,129 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
<div class="swiper-container bannernone">
|
||||
<div class="swiper-wrapper">
|
||||
{pboot:slide num=5 gid=10}
|
||||
<div class="swiper-slide">
|
||||
<a href="[slide:link]">
|
||||
<img src="[slide:src]" class="d-block w-100">
|
||||
</a>
|
||||
<!-- <div class="">
|
||||
<div class="pctop">
|
||||
<h1 class="fs-20 fs-sm-32 wow slideInUp sizemin" style="color: #d7fde3;">[slide:title]</h1>
|
||||
<h4 class="fs-14 fs-sm-20 wow slideInUp sizemin" style="color: #d7fde3;">[slide:subtitle]</h4>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
{/pboot:slide}
|
||||
</div>
|
||||
<div style="padding-top: 4%;">
|
||||
<div class="swiper-button-prev d-none d-md-block"></div>
|
||||
<div class="swiper-button-next d-none d-md-block"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
{pboot:sort scode=12}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img class="nose" style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
// 如果需要分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
// 如果需要前进后退按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
{include file=comm/head.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
<!-- <div class="my-3">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">类型：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_type text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_type}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">颜色：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_color text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_color}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- 图文列表 -->
|
||||
<div class="row">
|
||||
{pboot:list num=9 order=sorting}
|
||||
<div class="col-12 col-sm-6 col-lg-4 wow zoomIn meteal">
|
||||
<div class="card">
|
||||
<div class="pcimg"><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title hisden titlehidden" style="height:45px;"><a href="[list:link]">[list:title]</a>
|
||||
</h5>
|
||||
<p class="card-text">
|
||||
<!-- {pboot:if([list:istop]==1)}
|
||||
<span class="badge badge-danger">置顶</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isrecommend]==1)}
|
||||
<span class="badge badge-warning">推荐</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isheadline]==1)}
|
||||
<span class="badge badge-info">头条</span>
|
||||
{/pboot:if} -->
|
||||
<span style="color: #757575;font-size: 14px;">[list:content drophtml=1 dropblank=1
|
||||
lencn=50]</span>
|
||||
</p>
|
||||
<p>
|
||||
<!-- pboot:tags id=[list:id] scode={sort:tcode} -->
|
||||
<a href="[list:link]">
|
||||
<div class="container cpjs1"
|
||||
style="text-align: right;width: 100%;display: flex;justify-content: flex-end">
|
||||
<div class="cpjsBox1 sizemin"
|
||||
style="text-align: right;color: #ffffff;padding-top: 8px;padding-bottom: 8px;width: 100%;background: #3EB14B;text-align: center;padding-left: 24px;padding-right: 24px;margin-top: 30px;margin-bottom: 10px;">
|
||||
了解详情
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- <a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a> -->
|
||||
<!-- {/pboot:tags} -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
</div>
|
||||
|
||||
{include file=comm/page.html}
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,27 +0,0 @@
|
||||
<div class="col-12 btn-group dropright d-block d-md-none">
|
||||
<button type="button" class="btn btn-info dropdown-toggle mb-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
个人中心
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="{pboot:ucenter}">账号信息</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
|
||||
<a class="dropdown-item" href="{pboot:logout}">退出登录</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-2 d-none d-md-block">
|
||||
<div class="list-group">
|
||||
<a href="{pboot:ucenter}" class="list-group-item">
|
||||
账号信息
|
||||
</a>
|
||||
|
||||
<a href="{pboot:mycommentpage}" class="list-group-item">
|
||||
我的评论
|
||||
</a>
|
||||
|
||||
<a href="{pboot:logout}" class="list-group-item">
|
||||
退出登录
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,88 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<!-- 用户登录 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3"></div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<form class="my-4" onsubmit="return login(this);">
|
||||
<div class="form-group">
|
||||
<label for="username">账 号</label>
|
||||
<div>
|
||||
<input type="text" name="username" required id="username" class="form-control" placeholder="请输入登录用户名/邮箱/手机号码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">密 码</label>
|
||||
<div>
|
||||
<input type="password" name="password" required id="password" class="form-control" placeholder="请输入登录密码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{pboot:if({pboot:logincodestatus})}
|
||||
<div class="form-group">
|
||||
<label for="checkcode">验证码</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<img title="点击刷新" style="height:33px;" id="codeimg" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:if}
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-info mb-2">立即登录</button>
|
||||
<span class="text-secondary ml-3"><a href="{pboot:register}">注册账号</a></span>
|
||||
<span class="text-secondary ml-3"><a href="{pboot:retrieve}">找回密码</a></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
//ajax登录
|
||||
function login(obj){
|
||||
var url='{pboot:login}';
|
||||
var username=$(obj).find("#username").val();
|
||||
var password=$(obj).find("#password").val();
|
||||
var checkcode=$(obj).find("#checkcode").val();
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
username: username,
|
||||
password: password,
|
||||
checkcode: checkcode
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert("登录成功！");
|
||||
location.href=response.tourl;
|
||||
}else{
|
||||
$('#codeimg').click();
|
||||
alert(response.data);
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,69 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<div class="row mb-5">
|
||||
|
||||
{include file=member/left.html}
|
||||
|
||||
<div class="col-12 col-md-10 mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<th>序号</th>
|
||||
<th>文章</th>
|
||||
<th>评论</th>
|
||||
<th>状态</th>
|
||||
<th>时间</th>
|
||||
<th>操作</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{pboot:mycomment num=10}
|
||||
<tr>
|
||||
<td>[mycomment:i]</td>
|
||||
<td>[mycomment:title]</td>
|
||||
<td>[mycomment:comment]</td>
|
||||
<td>{pboot:if([mycomment:status]==1)}已审核{else}<span style="color:red">待审核</span>{/pboot:if}</td>
|
||||
<td>[mycomment:date]</td>
|
||||
<td><span class="del" data-url="[mycomment:delaction]" style="cursor:pointer" >删除</span></td>
|
||||
</tr>
|
||||
{/pboot:mycomment}
|
||||
</tbody>
|
||||
</table>
|
||||
{include file=comm/page.html}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(".del").on("click",function(){
|
||||
|
||||
if(!confirm("您确定要删除么？")){
|
||||
return;
|
||||
}
|
||||
|
||||
var url=$(this).data('url');
|
||||
var el=$(this).parents("tr");
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
success: function (response, status) {
|
||||
if(response.code==0){
|
||||
alert(response.data);
|
||||
}else{
|
||||
el.remove();
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,190 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<!-- 用户注册 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3"></div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<form class="my-4" onsubmit="return register(this);">
|
||||
<div class="form-group">
|
||||
<label for="username">账 号</label>
|
||||
<input type="text" name="username" required id="username" onblur="isRegister()" class="form-control" placeholder="请输入登录账号">
|
||||
<div id="usernote"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="nickname">昵 称</label>
|
||||
<input type="text" name="nickname" required id="nickname" class="form-control" placeholder="请输入账号昵称">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">密 码</label>
|
||||
<input type="password" name="password" required id="password" class="form-control" placeholder="请输入登录密码">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="rpassword">确认密码</label>
|
||||
<input type="password" name="rpassword" required id="rpassword" class="form-control" placeholder="请再次输入登录密码">
|
||||
</div>
|
||||
|
||||
{pboot:if({pboot:registercodestatus}==1)}
|
||||
<div class="form-group">
|
||||
<label for="checkcode">验证码</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<img title="点击刷新" style="height:33px;" id="codeimg" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:if}
|
||||
|
||||
{pboot:if({pboot:registercodestatus}==2)}
|
||||
<div class="form-group">
|
||||
<label for="checkcode">邮箱验证码</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<span class="btn btn-info mb-2" onclick="sendEmail();">发送</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:if}
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-info mb-2">立即注册</button>
|
||||
<span class="text-secondary ml-3">已有账号？<a href="{pboot:login}">马上登录</a></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
//ajax注册
|
||||
function register(obj){
|
||||
var url='{pboot:register}';
|
||||
var username=$(obj).find("#username").val();
|
||||
var nickname=$(obj).find("#nickname").val();
|
||||
var password=$(obj).find("#password").val();
|
||||
var rpassword=$(obj).find("#rpassword").val();
|
||||
var sex=$(':radio[name="sex"]:checked').val();
|
||||
var checkcode=$(obj).find("#checkcode").val();
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
username: username,
|
||||
nickname: nickname,
|
||||
password: password,
|
||||
rpassword: rpassword,
|
||||
sex: sex,
|
||||
checkcode: checkcode
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert("注册成功！");
|
||||
location.href= response.tourl;
|
||||
}else{
|
||||
$('#codeimg').click();
|
||||
alert(response.data);
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
//发送邮件验证码
|
||||
function sendEmail(){
|
||||
var url='{pboot:sendemail}';
|
||||
var username=$("#username").val();
|
||||
if(!username){
|
||||
$("#username").addClass("is-invalid");
|
||||
$("#usernote").addClass("invalid-feedback");
|
||||
$("#username").removeClass("is-valid");
|
||||
$("#usernote").removeClass("valid-feedback");
|
||||
$("#usernote").text("请输入需要注册的账号！");
|
||||
return false;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
to: username
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert(response.data);
|
||||
}else{
|
||||
alert(response.data);
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
//检查注册账号
|
||||
function isRegister(){
|
||||
var url='{pboot:isregister}';
|
||||
var username=$("#username").val();
|
||||
if(!username){
|
||||
$("#username").addClass("is-invalid");
|
||||
$("#usernote").addClass("invalid-feedback");
|
||||
$("#username").removeClass("is-valid");
|
||||
$("#usernote").removeClass("valid-feedback");
|
||||
$("#usernote").text("请输入需要注册的账号！");
|
||||
return false;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
username: username
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){//已经被注册
|
||||
$("#username").addClass("is-invalid");
|
||||
$("#usernote").addClass("invalid-feedback");
|
||||
|
||||
$("#username").removeClass("is-valid");
|
||||
$("#usernote").removeClass("valid-feedback");
|
||||
|
||||
}else{//未被注册
|
||||
$("#username").addClass("is-valid");
|
||||
$("#usernote").addClass("valid-feedback");
|
||||
|
||||
$("#username").removeClass("is-invalid");
|
||||
$("#usernote").removeClass("invalid-feedback");
|
||||
}
|
||||
$("#usernote").text(response.data);
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,122 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<!-- 用户密码找回 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3"></div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<form class="my-4" onsubmit="return retrieve(this);">
|
||||
<div class="form-group">
|
||||
<label for="username">账 号</label>
|
||||
<input type="text" name="username" required id="username" class="form-control" placeholder="请输入已注册账号">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="email">邮 箱</label>
|
||||
<input type="text" name="email" required id="email" class="form-control" placeholder="请输入已注册邮箱">
|
||||
<div id="emailnote"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="checkcode">邮箱验证码</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<span class="btn btn-info mb-2" onclick="sendEmail();">发送</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">新密码</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="password" name="password" required id="password" class="form-control" placeholder="请输入新的密码">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-info mb-2">确认</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
//找回密码
|
||||
function retrieve(obj){
|
||||
var url='{pboot:retrieve}';
|
||||
var username = $(obj).find("#username").val();
|
||||
var email=$(obj).find("#email").val();
|
||||
var checkcode=$(obj).find("#checkcode").val();
|
||||
var password=$(obj).find("#password").val();
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
username:username,
|
||||
email: email,
|
||||
checkcode: checkcode,
|
||||
password: password,
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert("密码设置成功！");
|
||||
location.href= response.tourl;
|
||||
}else{
|
||||
$('#codeimg').click();
|
||||
alert(response.data);
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
//发送邮件验证码
|
||||
function sendEmail(){
|
||||
var url='{pboot:sendemail}';
|
||||
var email=$("#email").val();
|
||||
if(!email){
|
||||
$("#emailnote").removeClass("valid-feedback");
|
||||
$("#emailnote").text("请输入注册邮箱!");
|
||||
return false;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
retrieve:1,
|
||||
to: email
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert(response.data);
|
||||
}else{
|
||||
alert(response.data);
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,104 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<div class="row mb-5">
|
||||
|
||||
{include file=member/left.html}
|
||||
|
||||
<div class="col-12 col-md-10 mt-3">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td width="150">用户名：</td>
|
||||
<td>{user:username}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>邮箱：</td>
|
||||
<td>{user:useremail}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>手机：</td>
|
||||
<td>{user:usermobile}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>头像：</td>
|
||||
<td><img src="{user:headpic}" height="30px" class="rounded"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>昵称：</td>
|
||||
<td>{user:nickname}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>等级：</td>
|
||||
<td>{user:gname}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>积分：</td>
|
||||
<td>{user:score}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>性别：</td>
|
||||
<td>{user:sex}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>生日：</td>
|
||||
<td>{user:birthday}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>电话：</td>
|
||||
<td>{user:telephone}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>邮箱：</td>
|
||||
<td>{user:email}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>QQ：</td>
|
||||
<td>{user:qq}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>注册时间：</td>
|
||||
<td>{user:registertime}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>登录次数：</td>
|
||||
<td>{user:logincount}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>最后登录IP：</td>
|
||||
<td>{user:lastloginip}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>最后登录时间：</td>
|
||||
<td>{user:lastlogintime}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<a class="btn btn-info" href="{pboot:umodify}" role="button">修改</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,119 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<!-- Bootstrap Datetimepicker-->
|
||||
<link type="text/css" href="{pboot:sitetplpath}/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
|
||||
<script type="text/javascript" src="{pboot:sitetplpath}/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
|
||||
<script type="text/javascript" src="{pboot:sitetplpath}/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script type="text/javascript" src="{pboot:sitetplpath}/datetimepicker/js/format.js"></script>
|
||||
<!-- Bootstrap Datetimepicker End-->
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<div class="row mb-5">
|
||||
|
||||
{include file=member/left.html}
|
||||
|
||||
<div class="col-12 col-md-10 mt-3">
|
||||
<form action="{pboot:umodify}" method="post">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="username">用户名：</label>
|
||||
<div>
|
||||
{user:username}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="hidden">头像：</label>
|
||||
<input type="hidden" name="headpic" class="headpic" value="{user:headpic}" >
|
||||
<div style="height:100px; width:100px; border:1px solid #ccc; margin-bottom:5px; border-radius:2px">
|
||||
<img src="{user:headpic}" class="headpic" style="max-width:100%;max-height:100%">
|
||||
</div>
|
||||
<buttom class="btn btn-success upload" data-target=".headpic" >上传</buttom>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="useremail">邮箱：</label>
|
||||
<div>
|
||||
<input type="text" name="useremail" value="{user:useremail}" autocomplete="off" class="form-control" placeholder="请输入邮箱账号">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="usermobile">手机：</label>
|
||||
<div>
|
||||
<input type="text" name="usermobile" value="{user:usermobile}" autocomplete="off" class="form-control" placeholder="请输入手机号码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="nickname">昵称：</label>
|
||||
<div>
|
||||
<input type="text" name="nickname" value="{user:nickname}" autocomplete="off" class="form-control" placeholder="请输入账号昵称">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">新密码：</label>
|
||||
<div>
|
||||
<input type="password" name="password" class="form-control" autocomplete="off" placeholder="请输入新登录密码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="rpassword">确认密码：</label>
|
||||
<div>
|
||||
<input type="password" name="rpassword" class="form-control" autocomplete="off" placeholder="请再次输入新登录密码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="sex">性别：</label>
|
||||
<div>
|
||||
<select class="form-control" name="sex" id="sex">
|
||||
<option value="男" {pboot:if('{user:sex}'=='男')}selected{/pboot:if}>男</option>
|
||||
<option value="女" {pboot:if('{user:sex}'=='女')}selected{/pboot:if}>女</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="birthday">生日：</label>
|
||||
<div class="input-group date form_date" style="max-width:200px;" >
|
||||
<input class="form-control" name="birthday" id="birthday" value="{user:birthday}" readonly type="text">
|
||||
<div class="input-group-prepend input-group-addon">
|
||||
<div class="input-group-text"><span class="fa fa-calendar"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="nickname">QQ：</label>
|
||||
<div>
|
||||
<input type="text" name="qq" value="{user:qq}" autocomplete="off" class="form-control" placeholder="请输入QQ号码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="opassword">当前密码：<span class="red">*</span></label>
|
||||
<div>
|
||||
<input type="password" name="opassword" autocomplete="off" class="form-control" placeholder="请输入当前密码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-info">保存</button>
|
||||
<a href="{pboot:ucenter}" class="btn btn-light">返回</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/upload.html}
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,145 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
{include file=comm/position.html}
|
||||
|
||||
{pboot:if({page:rows}>0)}
|
||||
<h5 class="border-bottom border-info pb-2"><i class="fa fa-sliders" aria-hidden="true"></i> 留言记录</h5>
|
||||
{/pboot:if}
|
||||
|
||||
<!-- 留言记录 -->
|
||||
{pboot:message num=2}
|
||||
<div class="media border-bottom pb-3 pt-3">
|
||||
<img class="mr-3" src="[message:headpic]" height="25">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">[message:nickname]：</h5>
|
||||
<p>[message:content]</p>
|
||||
<p>
|
||||
<span class="badge badge-light text-secondary font-weight-normal">[message:os]</span>
|
||||
<span class="badge badge-light text-secondary font-weight-normal">[message:bs]</span>
|
||||
<span class="badge badge-light text-secondary font-weight-normal">[message:askdate]</span>
|
||||
</p>
|
||||
|
||||
{pboot:if('[message:recontent]'!='')}
|
||||
<div class="media mt-3 border-top-dashed pt-3">
|
||||
<img class="mr-3" src="{pboot:sitetplpath}/images/user.png" height="25">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">管理员回复：</h5>
|
||||
<p>[message:recontent]</p>
|
||||
<p><span class="badge badge-light text-secondary font-weight-normal">[message:replydate]</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:if}
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:message}
|
||||
|
||||
<!-- 分页 -->
|
||||
{pboot:if({page:rows}>0)}
|
||||
<nav aria-label="page navigation" class="my-4">
|
||||
<div class="pagination justify-content-center">
|
||||
<a class="page-item page-link" href="{page:index}">首页</a>
|
||||
<a class="page-item page-link" href="{page:pre}">上一页</a>
|
||||
{page:numbar}<!-- 数字条，小屏幕时自动隐藏-->
|
||||
<a class="page-item page-link" href="{page:next}">下一页</a>
|
||||
<a class="page-item page-link" href="{page:last}">尾页</a>
|
||||
</div>
|
||||
</nav>
|
||||
{/pboot:if}
|
||||
|
||||
<!-- 留言表单 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3"></div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<form class="my-4" onsubmit="return submsg(this);">
|
||||
<div class="form-group">
|
||||
<label for="contacts">联系人</label>
|
||||
<div>
|
||||
<input type="text" name="contacts" required id="contacts" class="form-control" placeholder="请输入联系人">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="mobile">手 机</label>
|
||||
<div>
|
||||
<input type="text" name="mobile" required id="mobile" class="form-control" placeholder="请输入联系人手机">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="content" >内 容</label>
|
||||
<div>
|
||||
<textarea name="content" id="content" class="form-control" placeholder="请输入留言内容"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{pboot:if({pboot:msgcodestatus})}
|
||||
<div class="form-group">
|
||||
<label for="checkcode">验证码</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<img title="点击刷新" class="codeimg" style="height:33px;" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:if}
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-info mb-2">提交留言</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-3"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
//ajax提交留言
|
||||
function submsg(obj){
|
||||
var url='{pboot:msgaction}';
|
||||
var contacts=$(obj).find("#contacts").val();
|
||||
var mobile=$(obj).find("#mobile").val();
|
||||
var content=$(obj).find("#content").val();
|
||||
var checkcode=$(obj).find("#checkcode").val();
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
contacts: contacts,
|
||||
mobile: mobile,
|
||||
content: content,
|
||||
checkcode: checkcode
|
||||
},
|
||||
success: function (response, status) {
|
||||
if(response.code){
|
||||
alert("谢谢您的反馈，我们会尽快联系您！");
|
||||
$(obj)[0].reset();
|
||||
}else{
|
||||
if(response.tourl!=""){
|
||||
if(confirm(response.data+'是否立即跳转登录？')){
|
||||
location.href=response.tourl;
|
||||
}
|
||||
}
|
||||
$('.codeimg').click();//更新验证码
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
alert('返回数据异常！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
{include file=comm/foot.html}
|
||||
112
template/default/html/new-item.html
Normal file
112
template/default/html/new-item.html
Normal file
@@ -0,0 +1,112 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/new-item.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-new">
|
||||
<div class="new-list-title">
|
||||
当前位置：新闻资讯
|
||||
</div>
|
||||
<div class="new-list-content">
|
||||
<!-- 左边列表 -->
|
||||
<div class="new-list-content-left-warp active-content flex_one">
|
||||
<div class="new-list-content-left">
|
||||
<div class="active-padding">
|
||||
<div class="new-item-content-article-title">
|
||||
{content:title}
|
||||
</div>
|
||||
<div class="new-item-content-article-icon">
|
||||
<span>{content:date}</span>
|
||||
<span>访问量： {content:visits}</span>
|
||||
</div>
|
||||
<div class="new-item-content-article-text">
|
||||
{content:content}
|
||||
</div>
|
||||
<div class="article-bottom">
|
||||
<div><a href="new-item3.html"><span>上一篇</span> {content:precontent}</a></div>
|
||||
<div><a href="new-item2.html"><span>下一篇</span> {content:nextcontent}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右边列表 -->
|
||||
<div class="new-list-content-right article-right">
|
||||
|
||||
<div class="new-list-content-right-top active-content">
|
||||
<h3>
|
||||
<span>项目标签</span>
|
||||
</h3>
|
||||
<div class="new-tap">
|
||||
{pboot:tags scode=2}
|
||||
<a href="[tags:link]">
|
||||
<span>[tags:text]</span>
|
||||
</a>
|
||||
{/pboot:tags}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="./js/swiper.min.js"></script>
|
||||
<!-- 引入组件库 -->
|
||||
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
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: {
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
console.log(`当前页: ${val}`);
|
||||
},
|
||||
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}
|
||||
183
template/default/html/new-list.html
Normal file
183
template/default/html/new-list.html
Normal file
@@ -0,0 +1,183 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<style>
|
||||
.pagebar .pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 10px
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
padding: 6px 8px;
|
||||
margin: 0 2px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
color: #4fc08d;
|
||||
border: 1px solid #4fc08d
|
||||
}
|
||||
|
||||
.pagination a.page-num-current {
|
||||
color: #fff;
|
||||
background: #4fc08d;
|
||||
border: 1px solid #4fc08d
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/new-list.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-new">
|
||||
<div class="new-list-title">
|
||||
当前位置：新闻资讯
|
||||
</div>
|
||||
<div class="new-list-content">
|
||||
<!-- 左边列表 -->
|
||||
<div class="new-list-content-left-warp">
|
||||
{pboot:list scode=2 num=10 page=1 order=sorting}
|
||||
<div class="new-list-content-left">
|
||||
<div class="new-list-content-img">
|
||||
<img src=[list:ico] alt="">
|
||||
</div>
|
||||
<a href="[list:link]">
|
||||
<div class="new-list-content-info">
|
||||
<div class="new-list-content-title">
|
||||
[list:title]
|
||||
</div>
|
||||
<div class="new-list-content-text">
|
||||
[list:description]
|
||||
</div>
|
||||
<div class="new-list-content-time">
|
||||
[list:date]
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
</div>
|
||||
<!-- 右边列表 -->
|
||||
<div class="new-list-content-right">
|
||||
<div class="new-list-content-right-top">
|
||||
<h3>
|
||||
<span>精选推荐</span>
|
||||
</h3>
|
||||
<div class="new-tap">
|
||||
{pboot:list num=6 order=random page=0 scode=2}
|
||||
<div class="new-line">
|
||||
<a href="[list:link]">
|
||||
<p class="title-new-top">
|
||||
[list:title]
|
||||
</p>
|
||||
</a>
|
||||
<p class="title-new">[list:content drophtml=1 dropblank=1 lencn=22]</p>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="new-list-content-right-bottom">
|
||||
<div class="new-list-content-right-top">
|
||||
<h3>
|
||||
<span>标签</span>
|
||||
</h3>
|
||||
<div class="new-tap">
|
||||
{pboot:tags scode=2}
|
||||
<a href="[tags:link]">
|
||||
<span>[tags:text]</span>
|
||||
</a>
|
||||
{/pboot:tags}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pages">
|
||||
<!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page.sync="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="180"
|
||||
layout="total,sizes, prev, pager, next" :total="total">
|
||||
</el-pagination> -->
|
||||
|
||||
<!-- 分页 -->
|
||||
{pboot:if({page:rows}>0)}
|
||||
<div class="pagebar">
|
||||
<div class="pagination">
|
||||
<a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
|
||||
<a class="page-item page-link" href="{page:pre}" title="上一页">上一页</a>
|
||||
<a class="page-item page-num-current" href="javascript:;" title="当前页">{page:current}</a>
|
||||
<a class="page-item page-link" href="javascript:;" title="当前页/总页数">{page:current}/{page:count}</a>
|
||||
<a class="page-item page-link" href="{page:next}" title="下一页">下一页</a>
|
||||
<a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
|
||||
</div>
|
||||
</div>
|
||||
{else}
|
||||
<div class="tac text-secondary">本分类下无任何数据！</div>
|
||||
{/pboot:if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="./js/swiper.min.js"></script>
|
||||
<!-- 引入组件库 -->
|
||||
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
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: {
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
console.log(`当前页: ${val}`);
|
||||
},
|
||||
updateVariableOnResize() {
|
||||
this.isVariableTrue = window.innerWidth <= 768 ? true : false;
|
||||
},
|
||||
handleScroll() {
|
||||
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
||||
this.isBelowThreshold = scrollTop < this.scrollThreshold;
|
||||
},
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<script src="./js/project_32414_41811_1707124393.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
{include file=comm/footer.html}
|
||||
@@ -3,7 +3,7 @@
|
||||
<a href="[sort:link]"><img class="topimgmax" src=[sort:pic] alt=""></a>
|
||||
{/pboot:sort}
|
||||
<div class="container pcmt">
|
||||
{include file=comm/position.html}
|
||||
<!-- {include file=comm/position.html} -->
|
||||
<div class="container">
|
||||
<div class="main">
|
||||
<div class="main_l">
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
</script>
|
||||
|
||||
<div class="container pages">
|
||||
{include file=comm/position.html}
|
||||
<!-- {include file=comm/position.html} -->
|
||||
<div style="padding-left: 3%;">
|
||||
{include file=comm/sortnav.html}
|
||||
</div>
|
||||
|
||||
@@ -1,80 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
<div class="swiper-container bannernone">
|
||||
<div class="swiper-wrapper">
|
||||
{pboot:slide num=5 gid=13}
|
||||
<div class="swiper-slide">
|
||||
<a href="[slide:link]">
|
||||
<img src="[slide:src]" class="d-block w-100">
|
||||
</a>
|
||||
<!-- <div class="">
|
||||
<div class="pctop">
|
||||
<h1 class="fs-20 fs-sm-32 wow slideInUp sizemin" style="color: #d7fde3;">[slide:title]</h1>
|
||||
<h4 class="fs-14 fs-sm-20 wow slideInUp sizemin" style="color: #d7fde3;">[slide:subtitle]</h4>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
{/pboot:slide}
|
||||
</div>
|
||||
<div style="padding-top: 4%;">
|
||||
<div class="swiper-button-prev d-none d-md-block"></div>
|
||||
<div class="swiper-button-next d-none d-md-block"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
{pboot:sort scode=13}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img class="nose" style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
|
||||
|
||||
// 如果需要分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
// 如果需要前进后退按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
|
||||
})
|
||||
</script>
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div style="padding-left: 20%;">
|
||||
{include file=comm/position.html}
|
||||
</div>
|
||||
<!-- 关于我们 -->
|
||||
<div class="pages">
|
||||
<div style="text-align: center;background: #FAFAFA;">
|
||||
<div style="font-weight: bold;font-size: 20px;padding-top: 3%;padding-bottom: 0.5%;margin-top: 1%;">
|
||||
玩法介绍
|
||||
</div>
|
||||
<div style="color: #009944;padding-bottom: 3%;">Gameplay is introduced</div>
|
||||
</div>
|
||||
<div class="jieshao">
|
||||
<span class="sizemin">{content:content}</span>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.sizemin p {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
</style>
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,192 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
{pboot:sort scode=5}
|
||||
<a href="[sort:link]"><img class="topimgmax" src=[sort:pic] alt=""></a>
|
||||
{/pboot:sort}
|
||||
<div class="container pcmt">
|
||||
{include file=comm/position.html}
|
||||
<div class="container">
|
||||
<div class="main">
|
||||
<div class="main_l">
|
||||
<p class="cpTitle">{content:title}</p>
|
||||
<p class="cpTag"><span>{content:date}</span><span>访问量：{content:visits}</span></p>
|
||||
<div class="content sizeydd">{content:content}</div>
|
||||
<div class="text-secondary lh-2 sizeydd">
|
||||
<p><span style="font-weight: bold;">上一篇：</span>{content:precontent}</p>
|
||||
<p><span style="font-weight: bold;">下一篇：</span>{content:nextcontent}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_r">
|
||||
<p class="main_r_title">更多设备</p>
|
||||
{pboot:list num=6 order=random page=0 scode=5}
|
||||
<div class="cpItem sizeydd">
|
||||
<a style="display: flex;align-items: center;" href="[list:link]"><img src=[list:ico]
|
||||
alt="[list:title]"></a>
|
||||
<div>
|
||||
<p><a style="font-size: 16px;" href="[list:link]">[list:title
|
||||
lencn=112]</a></p>
|
||||
<p style="font-size: 12px;">[list:content drophtml=1 dropblank=1 lencn=22]</p>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
<p class="main_r_title" style="width: 20%;text-align: center;">标签</p>
|
||||
<div class="fx1">
|
||||
{pboot:tags scode=5}
|
||||
<a href="[tags:link]">
|
||||
<div class="biaoqian">[tags:text]</div>
|
||||
</a>
|
||||
{/pboot:tags}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{include file=comm/comment.html}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var viewSwiper = new Swiper('.view .swiper-container', {
|
||||
on: {
|
||||
slideChangeTransitionStart: function () {
|
||||
updateNavPosition()
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$('.view .arrow-left,.preview .arrow-left').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == 0) {
|
||||
viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slidePrev()
|
||||
})
|
||||
$('.view .arrow-right,.preview .arrow-right').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
|
||||
viewSwiper.slideTo(0, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slideNext()
|
||||
})
|
||||
|
||||
var previewSwiper = new Swiper('.preview .swiper-container', {
|
||||
//visibilityFullFit: true,
|
||||
slidesPerView: 'auto',
|
||||
allowTouchMove: false,
|
||||
on: {
|
||||
tap: function () {
|
||||
viewSwiper.slideTo(previewSwiper.clickedIndex)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
function updateNavPosition() {
|
||||
$('.preview .active-nav').removeClass('active-nav')
|
||||
var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
|
||||
if (!activeNav.hasClass('swiper-slide-visible')) {
|
||||
if (activeNav.index() > previewSwiper.activeIndex) {
|
||||
var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
|
||||
previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
|
||||
} else {
|
||||
previewSwiper.slideTo(activeNav.index())
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
/* 标签样式 */
|
||||
.tab {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #A3C85E;
|
||||
border-bottom: 2px solid #A3C85E;
|
||||
}
|
||||
|
||||
/* 内容视图样式 */
|
||||
.tab-content {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.main_l {
|
||||
width: 65%;
|
||||
padding-right: 80px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.main_l .cpTitle {
|
||||
color: #555;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main_l .cpTag {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #C5C5C5;
|
||||
font-size: 12px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.main_l img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main_r {
|
||||
width: 35%;
|
||||
height: 100%;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.main_r .main_r_title {
|
||||
color: #555;
|
||||
font-size: 20px;
|
||||
line-height: 45px;
|
||||
margin-bottom: 14px;
|
||||
border-bottom: 1px solid #48CFAD;
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.main_r .cpItem {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main_r .cpItem img {
|
||||
width: 118px;
|
||||
}
|
||||
|
||||
.main_r .cpItem div {
|
||||
padding: 15px;
|
||||
}
|
||||
</style>
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,137 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
<div class="swiper-container bannernone">
|
||||
<div class="swiper-wrapper">
|
||||
{pboot:slide num=5 gid=11}
|
||||
<div class="swiper-slide">
|
||||
<a href="[slide:link]">
|
||||
<img src="[slide:src]" class="d-block w-100">
|
||||
</a>
|
||||
<!-- <div class="">
|
||||
<div class="pctop">
|
||||
<h1 class="fs-20 fs-sm-32 wow slideInUp sizemin" style="color: #d7fde3;">[slide:title]</h1>
|
||||
<h4 class="fs-14 fs-sm-20 wow slideInUp sizemin" style="color: #d7fde3;">[slide:subtitle]</h4>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
{/pboot:slide}
|
||||
</div>
|
||||
<div style="padding-top: 4%;">
|
||||
<div class="swiper-button-prev d-none d-md-block"></div>
|
||||
<div class="swiper-button-next d-none d-md-block"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{pboot:sort scode=5}
|
||||
<picture>
|
||||
<source media="(min-width: 768px)" srcset=[sort:pic]>
|
||||
<source style="width: 100%;margin-top: 76px;" media="(max-width: 767px)" srcset=[sort:ico]>
|
||||
<img class="nose" style="width: 100%;margin-top: 76px;" src="" alt="Responsive Image">
|
||||
</picture>
|
||||
{/pboot:sort}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
autoplay: {
|
||||
delay: 3500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
// 如果需要分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
// 如果需要前进后退按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
<!-- 产品 -->
|
||||
<!-- 分类筛选 -->
|
||||
<!-- <div class="my-3">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">类型：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_type text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_type}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-2 col-md-1">颜色：</div>
|
||||
<div class="col-12 col-sm-10 col-md-11">
|
||||
{pboot:selectall field=ext_color text=全部 class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
|
||||
{pboot:select field=ext_color}
|
||||
<a href="[select:link]"
|
||||
class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>
|
||||
{/pboot:select}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 图文列表 -->
|
||||
<div class="row">
|
||||
{pboot:list num=9 order=sorting}
|
||||
<div class="col-12 col-sm-6 col-lg-4 wow zoomIn meteal" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
|
||||
<div class="card">
|
||||
<div class=""><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a></div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><a style="color: black;" href="[list:link]">[list:title lencn=12]</a></h5>
|
||||
<p class="card-text">
|
||||
<!-- {pboot:if([list:istop]==1)}
|
||||
<span class="badge badge-danger">置顶</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isrecommend]==1)}
|
||||
<span class="badge badge-warning">推荐</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isheadline]==1)}
|
||||
<span class="badge badge-info">头条</span>
|
||||
{/pboot:if} -->
|
||||
<span class="sizemin">[list:content drophtml=1 dropblank=1 lencn=50]</span>
|
||||
</p>
|
||||
<p>
|
||||
<!-- pboot:tags id=[list:id] scode={sort:tcode} -->
|
||||
<a href="[list:link]">
|
||||
<div class="container cpjs1"
|
||||
style="text-align: right;width: 100%;display: flex;justify-content: flex-end">
|
||||
<div class="cpjsBox1 sizemin"
|
||||
style="text-align: right;color: #ffffff;padding-top: 8px;padding-bottom: 8px;width: 100%;background: #3EB14B;text-align: center;padding-left: 24px;padding-right: 24px;margin-top: 30px;margin-bottom: 10px;">
|
||||
了解详情
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- <a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a> -->
|
||||
<!-- {/pboot:tags} -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
</div>
|
||||
|
||||
{include file=comm/page.html}
|
||||
|
||||
<!-- 搜索-->
|
||||
<!-- <form class="form-inline mb-5 justify-content-center" action="{pboot:scaction}" method="get">
|
||||
<div class="form-group mx-sm-3 mb-2">
|
||||
<input type="text" name="keyword" class="form-control" placeholder="请输入关键字">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info mb-2">搜索</button>
|
||||
</form> -->
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,192 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
{pboot:sort scode=12}
|
||||
<a href="[sort:link]"><img class="topimgmax" src=[sort:pic] alt=""></a>
|
||||
{/pboot:sort}
|
||||
<div class="container pcmt">
|
||||
{include file=comm/position.html}
|
||||
<div class="container">
|
||||
<div class="main">
|
||||
<div class="main_l">
|
||||
<p class="cpTitle">{content:title}</p>
|
||||
<p class="cpTag"><span>{content:date}</span><span>访问量：{content:visits}</span></p>
|
||||
<div class="content sizeydd">{content:content}</div>
|
||||
<div class="text-secondary lh-2 sizeydd">
|
||||
<p><span style="font-weight: bold;">上一篇：</span>{content:precontent}</p>
|
||||
<p><span style="font-weight: bold;">下一篇：</span>{content:nextcontent}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_r">
|
||||
<p class="main_r_title">精选案例</p>
|
||||
{pboot:list num=6 order=random page=0 scode=12}
|
||||
<div class="cpItem sizeydd">
|
||||
<a style="display: flex;align-items: center;" href="[list:link]"><img src=[list:ico]
|
||||
alt="[list:title]"></a>
|
||||
<div>
|
||||
<p><a style="font-size: 16px;" href="[list:link]">[list:title
|
||||
lencn=12]</a></p>
|
||||
<p style="font-size: 12px;">[list:content drophtml=1 dropblank=1 lencn=44]</p>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:list}
|
||||
<p class="main_r_title" style="width: 20%;text-align: center;">标签</p>
|
||||
<div class="fx1">
|
||||
{pboot:tags scode=12 num=26}
|
||||
<a href="[tags:link]">
|
||||
<div class="biaoqian">[tags:text]</div>
|
||||
</a>
|
||||
{/pboot:tags}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{include file=comm/comment.html}
|
||||
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
|
||||
<script>
|
||||
var viewSwiper = new Swiper('.view .swiper-container', {
|
||||
on: {
|
||||
slideChangeTransitionStart: function () {
|
||||
updateNavPosition()
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$('.view .arrow-left,.preview .arrow-left').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == 0) {
|
||||
viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slidePrev()
|
||||
})
|
||||
$('.view .arrow-right,.preview .arrow-right').on('click', function (e) {
|
||||
e.preventDefault()
|
||||
if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
|
||||
viewSwiper.slideTo(0, 1000);
|
||||
return
|
||||
}
|
||||
viewSwiper.slideNext()
|
||||
})
|
||||
|
||||
var previewSwiper = new Swiper('.preview .swiper-container', {
|
||||
//visibilityFullFit: true,
|
||||
slidesPerView: 'auto',
|
||||
allowTouchMove: false,
|
||||
on: {
|
||||
tap: function () {
|
||||
viewSwiper.slideTo(previewSwiper.clickedIndex)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
function updateNavPosition() {
|
||||
$('.preview .active-nav').removeClass('active-nav')
|
||||
var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
|
||||
if (!activeNav.hasClass('swiper-slide-visible')) {
|
||||
if (activeNav.index() > previewSwiper.activeIndex) {
|
||||
var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
|
||||
previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
|
||||
} else {
|
||||
previewSwiper.slideTo(activeNav.index())
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
/* 标签样式 */
|
||||
.tab {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #A3C85E;
|
||||
border-bottom: 2px solid #A3C85E;
|
||||
}
|
||||
|
||||
/* 内容视图样式 */
|
||||
.tab-content {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.main_l {
|
||||
width: 65%;
|
||||
padding-right: 80px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.main_l .cpTitle {
|
||||
color: #555;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main_l .cpTag {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #C5C5C5;
|
||||
font-size: 12px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.main_l img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main_r {
|
||||
width: 35%;
|
||||
height: 100%;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.main_r .main_r_title {
|
||||
color: #555;
|
||||
font-size: 20px;
|
||||
line-height: 45px;
|
||||
margin-bottom: 14px;
|
||||
border-bottom: 1px solid #48CFAD;
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.main_r .cpItem {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main_r .cpItem img {
|
||||
width: 118px;
|
||||
}
|
||||
|
||||
.main_r .cpItem div {
|
||||
padding: 15px;
|
||||
}
|
||||
</style>
|
||||
{include file=comm/foot.html}
|
||||
131
template/default/html/scientific.html
Normal file
131
template/default/html/scientific.html
Normal file
@@ -0,0 +1,131 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/bts.min.css">
|
||||
<link rel="stylesheet" href="{pboot:sitetplpath}/css/item.css">
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/keyan.png" alt=""></div>
|
||||
<div class="swiper-my-text">
|
||||
<h1>科研机构解决方案</h1>
|
||||
<p>GeneAgro可为科研机构提供转录组测序、多组学测序、靶向捕获测序等多项专业技术服务和技术支撑。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="myitem-container">
|
||||
<div class="myitem-title">
|
||||
<h3>科研服务</h3>
|
||||
</div>
|
||||
<div class="agriculture">
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/keyan1.png" alt=""></div>
|
||||
<div class="agriculture-text borderLeft sortItem">
|
||||
<h4>动植物基因组</h4>
|
||||
<p>
|
||||
<span>・T2T基因组 </span>
|
||||
<span>・ 基因组 survey </span>
|
||||
<span>・动植物基因组de novo测序</span>
|
||||
<span>・PacBio动植物基因组de novo</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>・泛基因组 </span>
|
||||
<span>・基因组数据库构建 </span>
|
||||
<span>・线粒体基因组 </span>
|
||||
<span>・叶绿体基因组 </span>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="agriculture" v-if="!isVariableTrue" v-cloak>
|
||||
<div class="agriculture-text borderRight sortItem">
|
||||
<h4>动植物重测序</h4>
|
||||
<p>
|
||||
<span>・三代ONT甲基化 </span>
|
||||
<span>・三代ONT重测序 </span>
|
||||
<span>・BSA性状定位 </span>
|
||||
<span>・基于重测序的GWAS </span>
|
||||
<span>・基于GBS的GWAS </span>
|
||||
</p>
|
||||
<p>
|
||||
<span>・基于GBS的群体进化 </span>
|
||||
<span>・基于重测序的群体进化 </span>
|
||||
<span>・QTL-Seq</span>
|
||||
<span>・MutMap</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/keyan2.png" alt=""></div>
|
||||
</div>
|
||||
|
||||
<div class="agriculture" v-if="isVariableTrue" v-cloak>
|
||||
<div class="agriculture-img"><img src="{pboot:sitetplpath}/img/keyan2.png" alt=""></div>
|
||||
<div class="agriculture-text borderRightsortItem">
|
||||
<h4>动植物重测序</h4>
|
||||
<p>
|
||||
<span>・三代ONT甲基化 </span>
|
||||
<span>・三代ONT重测序 </span>
|
||||
<span>・BSA性状定位 </span>
|
||||
<span>・基于重测序的GWAS </span>
|
||||
<span>・基于GBS的GWAS </span>
|
||||
</p>
|
||||
<p>
|
||||
<span>・基于GBS的群体进化 </span>
|
||||
<span>・基于重测序的群体进化 </span>
|
||||
<span>・QTL-Seq</span>
|
||||
<span>・MutMap</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 引入组件库 -->
|
||||
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
|
||||
<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}
|
||||
@@ -1,47 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
<div class="row">
|
||||
{pboot:search num=12 order=sorting scode=5 field='title|content'}
|
||||
<div class="col-12 col-sm-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card-img-150"><a href="[search:link]"><img class="card-img-top" src="[search:ico]" alt="[search:title]"></a></div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><a href="[search:link]">[search:title len=12 mark=1]</a></h5>
|
||||
<p class="card-text">[search:content drophtml=1 dropblank=1 len=50 mark=1]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/pboot:search}
|
||||
</div>
|
||||
|
||||
<!-- 分页 -->
|
||||
{pboot:if({page:rows}>0)}
|
||||
<nav aria-label="page navigation" class="my-4">
|
||||
<div class="pagination justify-content-center">
|
||||
<a class="page-item page-link" href="{page:index}">首页</a>
|
||||
<a class="page-item page-link" href="{page:pre}">上一页</a>
|
||||
{page:numbar}<!-- 数字条，小屏幕时自动隐藏-->
|
||||
<a class="page-item page-link" href="{page:next}">下一页</a>
|
||||
<a class="page-item page-link" href="{page:last}">尾页</a>
|
||||
</div>
|
||||
</nav>
|
||||
{else}
|
||||
<div class="text-center my-5 text-secondary">未搜索到任何数据！</div>
|
||||
{/pboot:if}
|
||||
|
||||
<!-- 搜索-->
|
||||
<form class="form-inline mb-5 justify-content-center" action="{pboot:scaction}" method="get">
|
||||
<div class="form-group mx-sm-3 mb-2">
|
||||
<input type="text" name="keyword" class="form-control" placeholder="请输入关键字">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-info mb-2">搜索</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
@@ -1,38 +0,0 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
{include file=comm/top.html}
|
||||
|
||||
<div class="container pages">
|
||||
|
||||
{include file=comm/position.html}
|
||||
|
||||
{include file=comm/sortnav.html}
|
||||
|
||||
<!-- 标签相似内容列表，只对启用分页的列表筛选，*号表示全站内容 -->
|
||||
<ul>
|
||||
{pboot:list num=10 order=date scode=* page=1}
|
||||
<li class="lh-3 border-bottom-dashed">
|
||||
<i class="fa fa-gg"></i>
|
||||
<a href="[list:link]">
|
||||
<span class="d-none d-md-inline">[list:title lencn=30]</span><!-- PC端 -->
|
||||
<span class="d-inline d-md-none">[list:title lencn=11]</span><!-- 移动端 -->
|
||||
{pboot:if([list:istop]==1)}
|
||||
<span class="badge badge-danger">置顶</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isrecommend]==1)}
|
||||
<span class="badge badge-warning">推荐</span>
|
||||
{/pboot:if}
|
||||
{pboot:if([list:isheadline]==1)}
|
||||
<span class="badge badge-info">头条</span>
|
||||
{/pboot:if}
|
||||
<span class="float-right">[list:date style=Y-m-d]</span>
|
||||
</a>
|
||||
</li>
|
||||
{/pboot:list}
|
||||
</ul>
|
||||
|
||||
{include file=comm/page.html}
|
||||
|
||||
</div>
|
||||
|
||||
{include file=comm/foot.html}
|
||||
161
template/default/html/xinpian.html
Normal file
161
template/default/html/xinpian.html
Normal file
@@ -0,0 +1,161 @@
|
||||
{include file=comm/head.html}
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="swiper-container">
|
||||
<!-- <div v-if="this.isVariableTrue">
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img src="{pboot:sitetplpath}/img/xinpian.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div>
|
||||
<div class="bannerSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide itemBanner"><img src="{pboot:sitetplpath}/img/xinpian.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="brand cexubj">
|
||||
<div class="title">
|
||||
<div class="brandTitleWrap">
|
||||
<h6 class="detail_title">基因分型定制芯片 </h6>
|
||||
<!-- <div class="line" style="margin-left:0px;"><span></span></div> -->
|
||||
</div>
|
||||
<p class="icon_bg">
|
||||
<img src="{pboot:sitetplpath}/img/fuhao.png" alt="">
|
||||
基芯农提供illumina平台的动物SNP分型芯片，除了商业化芯片外还可进行个性化基因芯片定制服务，可为不同物种、不同应用场景提供从方案定制到后期持续应用的一站式全方位服务。
|
||||
</p>
|
||||
<div class="detail_changjing">
|
||||
应用场景：动物生产、繁殖及经济性状定位QTL定位、拷贝数变异（CNV）分析、全基因组选择、种质资源鉴定、亲缘关系鉴定、经济性状评估、全基因组关联分析、全基因组连锁分析、群体遗传学分析等。
|
||||
</div>
|
||||
</div>
|
||||
<div class="brandRight">
|
||||
<div><img src="{pboot:sitetplpath}/img/2-1.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/title.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben">
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-2.png" alt="">
|
||||
<div>DNA样品</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥1.0μg
|
||||
</div>
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>浓度：≥50ng/μL
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-3.png" alt="">
|
||||
<div>组织样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥200mg
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-4.png" alt="">
|
||||
<div>血液样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥2mL
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<div class="item_yangben_it">
|
||||
<img src="{pboot:sitetplpath}/img/1-5.png" alt="">
|
||||
<div>细胞样本</div>
|
||||
</div>
|
||||
<div class="item_yangben_mingxi_height">
|
||||
<div class="item_yangben_mingxi">
|
||||
<i></i>总量：≥1X10^7个
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service detail_yangbenBg">
|
||||
<div class="detail_our_title">
|
||||
<img src="{pboot:sitetplpath}/img/ourtit.png" alt="">
|
||||
</div>
|
||||
<div class="detail_yangben jslc">
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/snp.png " alt="">
|
||||
<div>step1</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/weidian.png " alt="">
|
||||
<div>step2</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/qdfa.png " alt="">
|
||||
<div>step3</div>
|
||||
</div>
|
||||
<div class="item_yangben">
|
||||
<img src="{pboot:sitetplpath}/img/dzxp.png " alt="">
|
||||
<div>step4</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
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: {
|
||||
|
||||
|
||||
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}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
BIN
template/default/img/.DS_Store
vendored
Normal file
BIN
template/default/img/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
template/default/img/01.png
Normal file
BIN
template/default/img/01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 235 KiB |
BIN
template/default/img/02.png
Normal file
BIN
template/default/img/02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
BIN
template/default/img/03.png
Normal file
BIN
template/default/img/03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
template/default/img/04.png
Normal file
BIN
template/default/img/04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
BIN
template/default/img/05.png
Normal file
BIN
template/default/img/05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
BIN
template/default/img/1-1.png
Normal file
BIN
template/default/img/1-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
BIN
template/default/img/1-2.png
Normal file
BIN
template/default/img/1-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 828 B |
BIN
template/default/img/1-3.png
Normal file
BIN
template/default/img/1-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 675 B |
BIN
template/default/img/1-4.png
Normal file
BIN
template/default/img/1-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 696 B |
BIN
template/default/img/1-5.png
Normal file
BIN
template/default/img/1-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
template/default/img/2-1.png
Normal file
BIN
template/default/img/2-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
template/default/img/3-1.png
Normal file
BIN
template/default/img/3-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
template/default/img/4-1.png
Normal file
BIN
template/default/img/4-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
template/default/img/4-2.png
Normal file
BIN
template/default/img/4-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
template/default/img/Frame-1.png
Normal file
BIN
template/default/img/Frame-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 595 B |
BIN
template/default/img/Frame-2.png
Normal file
BIN
template/default/img/Frame-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 263 B |
BIN
template/default/img/Frame.png
Normal file
BIN
template/default/img/Frame.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
template/default/img/banner.png
Normal file
BIN
template/default/img/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 636 KiB |
BIN
template/default/img/banner2.png
Normal file
BIN
template/default/img/banner2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
template/default/img/banner3.png
Normal file
BIN
template/default/img/banner3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 601 KiB |
BIN
template/default/img/bao1.png
Normal file
BIN
template/default/img/bao1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
template/default/img/bao3.png
Normal file
BIN
template/default/img/bao3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
template/default/img/brand.png
Normal file
BIN
template/default/img/brand.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
template/default/img/brandRight.png
Normal file
BIN
template/default/img/brandRight.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
template/default/img/c1.png
Normal file
BIN
template/default/img/c1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
template/default/img/c2.png
Normal file
BIN
template/default/img/c2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 834 B |
BIN
template/default/img/c3.png
Normal file
BIN
template/default/img/c3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
template/default/img/cexu.png
Normal file
BIN
template/default/img/cexu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 339 KiB |
BIN
template/default/img/clone.png
Normal file
BIN
template/default/img/clone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 835 KiB |
BIN
template/default/img/clone_3.png
Normal file
BIN
template/default/img/clone_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
template/default/img/clone_4.png
Normal file
BIN
template/default/img/clone_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
template/default/img/contact.png
Normal file
BIN
template/default/img/contact.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 327 KiB |
BIN
template/default/img/dong_1.png
Normal file
BIN
template/default/img/dong_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
template/default/img/dongjing.png
Normal file
BIN
template/default/img/dongjing.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 559 KiB |
BIN
template/default/img/dongjing_01.png
Normal file
BIN
template/default/img/dongjing_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 329 KiB |
BIN
template/default/img/dongjing_02.png
Normal file
BIN
template/default/img/dongjing_02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 384 KiB |
BIN
template/default/img/dongjing_03.png
Normal file
BIN
template/default/img/dongjing_03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 135 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user