monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 362a2b1f063d6df90ae7a2fb4f9a467d039edeb8 2 parents ffbc3070 fe59e4a4

Merge branch 'master-500-dev-lushangqing' into 'master-500-dev' 

【无】公司网站-样式修改,了解鸿果，移动端 #3



See merge request !1055
Inline Side-by-side
Showing 7 changed files with 103 additions and 10 deletions
... ... @@ -2813,6 +2813,9 @@ blockquote:before {
.qualification-section .team-carousel .owl-nav button.owl-prev:hover,.qualification-section .team-carousel .owl-nav button.owl-next:hover{
box-shadow:0 1px 10px 8px rgba(0, 0, 0, 0.3) ;
}
.owl-carousel.owl-loaded.team-carousel-sm{
display: none;
}
.wrap{
overflow: hidden;
height: calc(100vh);
... ... @@ -4008,6 +4011,46 @@ blockquote:before {
}
}
@media only screen and (max-width: 768px){
.owl-carousel.owl-loaded.team-carousel-sm{
display: block;
}
.owl-carousel.team-carousel-sm button.owl-dot{
background:#f3f5f8;
width: 30px;
height: 4px;
border-radius: 3px;
margin:0 6px;
}
.owl-carousel.team-carousel-sm button.owl-dot.active{
background:#e43730;
}
.qualification-bg,.owl-carousel.owl-loaded.team-carousel{
display: none;
}
.qualification-con{
left:0;
}
.qualification-section .owl-carousel .owl-item img{
max-height: 200px;
}
.qualification-con .qualification-item .item-con{
border:none;
}
.qualification-con .qualification-item{
height: 300px;
padding:10px;
background:#f3f5f8;
flex-flow: column;
justify-content: center;
opacity: .6;
}
.owl-carousel.team-carousel-sm .owl-item.active.center .qualification-item{
opacity: 1;
}
.qualification-con .qualification-item .item-name{
padding-top:10px;
font-size: 12px;
}
.about-concat{
margin-top: 0;
top:0;
... ... @@ -4061,6 +4104,9 @@ blockquote:before {
.culturalValues-container .pt-60,.partner-section{
padding-top:0;
}
.partner-section,.qualification-section{
padding-bottom: 20px;
}
.about-content-intro .title-style{
padding-top:30px;
}
... ...

279 KB | W: | H:

249 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

357 KB | W: | H:

186 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -7,13 +7,13 @@ export function introDatas() {
},
{
img:'',
title:'精研“AI+大数据”软件产品线',
intro:'北京鸿果科技拥有自主研发力量和“政府”行业服务交付经验，率先把握“互联网+智能化AI+行业场景应用”的变革时机，充分发挥AI时代的业务大数据处理能力，运用智能化、运维大数据思维，引入AI算法+大数据+行业场景化对业务的深度应用，共同打造AI+大数据生态圈以及可落地的解决方案。'
title:'北京总部和西安技术中心',
intro:'目前在北京、西安拥有技术研发团队和服务基地，组建了专业的智能监控和软件服务团队，为公司带来专业化的研发和服务能力。'
},
{
img:'',
title:'北京总部和西安技术中心',
intro:'目前在北京、西安拥有技术研发团队和服务基地，组建了专业的智能监控和软件服务团队，为公司带来专业化的研发和服务能力。'
title:'精研“AI+大数据”软件产品线',
intro:'北京鸿果科技拥有自主研发力量和“政府”行业服务交付经验，率先把握“互联网+智能化AI+行业场景应用”的变革时机，充分发挥AI时代的业务大数据处理能力，运用智能化、运维大数据思维，引入AI算法+大数据+行业场景化对业务的深度应用，共同打造AI+大数据生态圈以及可落地的解决方案。'
},
{
img:'assets/img/about/intro-2.png',
... ... @@ -66,24 +66,28 @@ export function culturalDatas() {
}
export function imgsDatas() {
let res = [{
name:'质量管理体系认证证书',
name:'北京市“专精特新”中小企业',
path:'assets/img/about/certificate/1.png'
},{
name:'技术服务管理体系认证证书',
name:'信息技术服务标准符合性证书',
path:'assets/img/about/certificate/2.png'
},{
name:'连续性管理体系认证证书',
name:'软件成熟度认证',
path:'assets/img/about/certificate/3.png'
},{
name:'信息安全管理体系认证证书',
name:'信息安全服务资质认证证书',
path:'assets/img/about/certificate/4.png'
},{
name:'信息安全管理体系认证证书',
path:'assets/img/about/certificate/5.png'
},{
name:'业务连续性管理体系认证证书',
path:'assets/img/about/certificate/6.png'
},{
name:'信息技术服务管理体系认证证书',
path:'assets/img/about/certificate/7.png'
},{
name:'质量管理体系认证证书',
path:'assets/img/about/certificate/8.png'
}]
return res;
... ...

271 KB | W: | H:

581 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -218,7 +218,39 @@ export default {
}
});
}
if ($('.team-carousel-sm').length) {
$('.team-carousel-sm').owlCarousel({
loop: true,
items: 2,
margin: 20,
center:true,
nav: false,
dots: true,
active: true,
dotsEach: 2,
smartSpeed: 1000,
// autoplay: 5000,
navText:'',
// navText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
/*responsive: {
0: {
items: 3,
},
575: {
items: 3,
},
768: {
items: 3,
},
992: {
items: 3,
},
1200: {
items: 3,
}
}*/
});
}
// Scroll to a Specific Div
if ($('.scroll-to-target').length) {
... ...
... ... @@ -21,7 +21,7 @@
<span class="title-style">公司简介</span>
</div>
<!-- <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>-->
<div class=about-intro" v-for="itemI in introData">
<div class="about-intro" v-for="itemI in introData">
<div class="title-intro about-intro-title pb-10 pt-10" v-if="itemI.title">{{itemI.title}}</div>
<div class="title-intro" v-if="itemI.intro">{{itemI.intro}}</div>
<div class="about-intro-img">
... ... @@ -183,6 +183,17 @@
</div>
</div>
<div class="team-carousel-sm owl-carousel text-center qualification-con owl-dots">
<div class="qualification-item" v-for="item in imgs">
<div class="item-con">
<img :src="item.path" alt="资质&证书">
</div>
<div class="item-name">
{{item.name}}
</div>
</div>
</div>
</div>
<div class="qualification-bg"></div>
<div class="shape shapeAnimationFour l-10 t-100">
... ...