monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 5e40bc63306fe6dca72da341395aaf6dfa03e95e 1 parent ff9c15ee

【无】公司网站-bug修改 #2

Inline Side-by-side
Showing 9 changed files with 138 additions and 57 deletions
... ... @@ -81,7 +81,7 @@ body {
padding: 0;
font-family:'PingFang SC', 'Open Sans', sans-serif;
font-weight: 400;
font-size: 16px;
font-size: 14px;
color: #848484;
line-height: 28px;
}
... ... @@ -1743,7 +1743,7 @@ blockquote:before {
text-transform: capitalize;
}
.footer-title:after {
/*.footer-title:after {
position: absolute;
content: '';
height: 1px;
... ... @@ -1751,7 +1751,7 @@ blockquote:before {
left: 0;
top: 38px;
background: #848484;
}
}*/
.footer-widget.links-widget li a {
color: #ffffff;
... ... @@ -1779,7 +1779,7 @@ blockquote:before {
/* copyright css */
.footer-bottom {
padding: 55px 0;
padding: 30px 0;
text-align: center;
}
... ... @@ -2539,6 +2539,30 @@ blockquote:before {
background: url('../img/about/know-intro.png');
background-size: cover;
}
.know-intro-bg{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
background: url('../img/about/know-intro-img.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.culturalValues-bg{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
background: url('../img/about/cultural-img.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.all-height{
height:calc(100vh);
}
... ... @@ -2632,6 +2656,18 @@ blockquote:before {
background: url('../img/about/partner.png');
background-size: cover;
}
.partner-img-bg{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
background: url('../img/about/partner-bg-img.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 996px){
.partner-bg{
position: absolute;
... ... @@ -2907,7 +2943,7 @@ blockquote:before {
background-image:url("../img/services/8.png");
}
.product-section{
height: calc(60vh);
/*height: calc(60vh);*/
}
.product-section .product{
height:100%;
... ... @@ -3437,4 +3473,45 @@ blockquote:before {
}
.com-item{
padding:0;
}
\ No newline at end of file
}
.recruit-bg{
background: url("../img/concatSecond/banner-con.png");
background-size: cover;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
}
.recruit-container{
padding:80px 0;
}
.recruit-width{
max-width: 996px;
margin: auto;
}
.logo-footer-img{
max-width: 162px;
}
.code-footer-img{
max-width:130px;
}
/*992以下的一些样式*/
@media only screen and (max-width: 991px){
.home-banner-section{
padding-top: 0;
}
.hero-section{
padding-top:90px;
}
.main-menu .navigation.navigation-white > li > a{
color:#243E63;
}
.concat-service{
padding:20px;
}
.cultural-item-l img{
max-width: 225px;
}
}
... ...
... ... @@ -819,7 +819,7 @@ export function cmdb() {
]
}
return res
return resc
}
//魔镜智能多云运维平台
export function cloud() {
... ...
... ... @@ -104,7 +104,7 @@
<!--====================================================================
Start footer section
=====================================================================-->
<footer class="footer-section pt-100">
<footer class="footer-section pt-50">
<div class="container">
<div class="row">
... ... @@ -116,11 +116,11 @@
<div class="col-sm-4">
<div class="footer-widget logo-widget mr-35">
<div class="footer-logo">
<router-link to="/"><img src="assets/img/logo-footer.png" alt="" title=""></router-link>
<router-link to="/"><img class="logo-footer-img" src="assets/img/logo-footer.png" alt="" title=""></router-link>
</div>
<div class="widget-content">
<div class="footer-social-icon mt-20 text-center">
<img src="assets/img/gzh.jpg" style="width: 175px;" alt="" title="">
<img src="assets/img/gzh.jpg" class="code-footer-img" alt="" title="">
</div>
</div>
</div>
... ... @@ -161,7 +161,7 @@
<div class="col-lg-5">
<div class="row">
<!--Footer Column-->
<div class="col-sm-5">
<div class="col-sm-5 col-md-4">
<div class="footer-widget links-widget">
<h4 class="footer-title">关于我们</h4>
<div class="widget-content about-widget-content">
... ... @@ -176,19 +176,15 @@
</div>
<!--Footer Column-->
<div class="col-sm-7">
<div class="col-sm-7 col-md-8">
<div class="footer-widget info-widget">
<h4 class="footer-title">联系我们</h4>
<div class="office-info">
<ul>
<li><i class="flaticon-home"></i>北京电话 <br>010-51726651</li>
<li><i class="flaticon-placeholder"></i>北京地址 <br>
北京市海淀区中关村南大街2号数码大厦B座11层
</li>
<li><i class="flaticon-home"></i>西安电话 <br>029-89194260</li>
<li><i class="flaticon-placeholder"></i>西安地址 <br>
陕西省西安市雁塔区金桥国际18层
</li>
<li>北京电话:010-51726651</li>
<li>西安电话:029-89194260</li>
<li>地址:北京市海淀区中关村南大街2号数码大厦B座11层</li>
<li>地址:陕西省西安市雁塔区金桥国际18层</li>
</ul>
</div>
</div>
... ...
... ... @@ -3,7 +3,7 @@ export default {
this.pageInit()
if(window.location.hash.indexOf('#/about')!=-1){
$('.footer-section').hide();
let html=`<section>
let html=`<section class="footer-section-con" style="height:auto;">
<footer class="footer-section pt-100 footer-section-about">`+$('.footer-section').html()+`</footer>
</section>`
$('.wrap-container').append(html)
... ...
... ... @@ -16,14 +16,15 @@
<section class="about-section rel all-height">
<div class="container">
<div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
<!-- <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
<div class="section-title mb-35">
<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>
</div>-->
</div>
<div class="know-intro"></div>
<!-- <div class="know-intro"></div>-->
<div class="know-intro-bg wow customFadeInRight delay-0-1s slow"></div>
<div class="shape shapeAnimationFour l-10 t-5">
<img src="assets/img/shapes/shape4.png" alt="Shape">
... ... @@ -35,19 +36,19 @@
<section class="about-section rel text-center">
<div class="container">
<div class="row wow customFadeInRight delay-0-1s slow">
<!-- <div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12 pt-60">
<div class="title-style">鸿果文化价值观及企业目标</div>
</div>
</div>
<div class="row pt-30 wow">
<div class="col-lg-3 culturalValues-item" v-for="item in culturalValuesData">
<div class="col-md-6 col-lg-3 culturalValues-item" v-for="item in culturalValuesData">
<img :src="item.icon" alt="">
<div class="culturalValues-title customFadeInRight delay-0-1s slow">{{item.title}}</div>
</div>
</div>
<div class="row pt-30 mb-50">
<div :class="['col-lg-4', 'cultural-item'] " v-for="(item,index) in culturalData">
<div :class="['col-md-4', 'cultural-item'] " v-for="(item,index) in culturalData">
<div class="cultural-item-l">
<img :src="item.bg" alt="">
<div class="cultural-contain wow customFadeInRight delay-0-1s slow">
... ... @@ -60,8 +61,9 @@
</div>
</div>
</div>
</div>-->
</div>
<div class="culturalValues-bg wow customFadeInRight delay-0-1s slow"></div>
<div class="shape shapeAnimationOne l-10 t-0">
<img src="assets/img/shapes/shape3.png" alt="Shape">
... ... @@ -141,13 +143,14 @@
<section class="partner-section pt-100 pb-100">
<div class="container">
<div class="row wow customFadeInRight delay-0-1s slow">
<!--<div class="row wow customFadeInRight delay-0-1s slow">
<div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4">
<div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div>
</div>
</div>
</div>-->
</div>
<div class="partner-bg partner-bg-xs"></div>
<!-- <div class="partner-bg partner-bg-xs"></div>-->
<div class="partner-img-bg wow customFadeInRight delay-0-1s slow"></div>
<div class="shape shapeAnimationThree b-40 l-10">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
... ...
... ... @@ -16,6 +16,8 @@ export default {
let i=Vue.ref(0);
let MousewheelFun=(e)=>{
let hei=$('.wrap-container>section').first().outerHeight();
let heiF=$('.footer-section-con').outerHeight();
let sectionLength=$('.wrap-container>section').length;
$('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');
// 控制滑动一次
if(flag.value){
... ... @@ -35,7 +37,11 @@ export default {
if(i.value<7){
i.value++;
flag.value = false;
$('.wrap-container').animate({top:-i.value*hei},1000,function(){
let top=-i.value*hei;
if(i.value+1==sectionLength){
top=-i.value*hei+(hei-heiF);
}
$('.wrap-container').animate({top:top},1000,function(){
flag.value=true;
})
}
... ... @@ -47,7 +53,7 @@ export default {
}
// 设置导航的样式
let setNavStyle=()=>{
if(i.value==2 || i.value==4 || i.value==6){
if(i.value==1 || i.value==2 || i.value==4 || i.value==6){
$('.navigation').removeClass('navigation-white');
$('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
... ...
<section class="hero-section rel rpt-150 rpb-0">
<section class="hero-section rel rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
... ... @@ -32,7 +32,7 @@
</section>
<section class="services-section rel text-center pt-30">
<section class=" rel text-center pt-30">
<div class="container">
<div class="title-style">技术优势</div>
<div class="title-intro pt-20">以AI激活运维数据智慧，助力客户数字化运维</div>
... ... @@ -56,6 +56,15 @@
</div>
</div>
<div class="shape shapeAnimationOne l-10 t-0">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo t-100 r-5">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
<section class="rel text-center pt-30 pb-30">
<div class="container">
<div class="row align-items-center pt-30">
<div class="col-lg-12">
... ... @@ -63,12 +72,12 @@
<div class="mb-35">
<div class="title-style">魔镜智能运维建设三大原则</div>
</div>
<!-- <div class="title-intro">魔镜智能能够通过海量数据处理分析能力和强大的算法支撑能力 | 协助企业灵活构建多样化智能运维场景</div>-->
<!-- <div class="title-intro">魔镜智能能够通过海量数据处理分析能力和强大的算法支撑能力 | 协助企业灵活构建多样化智能运维场景</div>-->
</div>
</div>
</div>
<div class="row principle pt-30">
<div class="col-lg-4 principle-con">
<div class="col-md-4 principle-con">
<div class="principle-item">
<div class="principle-item-title">
<span class="num-icon">1</span>
... ... @@ -77,7 +86,7 @@
<div class="principle-item-intro">从自身运维出发</div>
</div>
</div>
<div class="col-lg-4 principle-con">
<div class="col-md-4 principle-con">
<div class="principle-item">
<div class="principle-item-title">
<span class="num-icon">2</span>
... ... @@ -86,7 +95,7 @@
<div class="principle-item-intro">夯实数据处理能力</div>
</div>
</div>
<div class="col-lg-4 principle-con">
<div class="col-md-4 principle-con">
<div class="principle-item">
<div class="principle-item-title">
<span class="num-icon">3</span>
... ... @@ -98,14 +107,7 @@
</div>
</div>
<div class="shape shapeAnimationOne l-10 t-0">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo t-100 r-5">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
<section class="about-section rel pt-60 pb-70">
<div class="container">
<div class="row align-items-center">
... ...
... ... @@ -61,7 +61,7 @@ export default {
touchDrag:true,
//循环
loop: true,
autoplay: false,//自动轮播
autoplay: true,//自动轮播
autoplayTimeout:5000, //轮播时间
});
})
... ...
... ... @@ -7,16 +7,13 @@
</div>
</section>
<section class="rel rpt-150 rpb-0" >
<img class="recruit-Con" src="assets/img/recruit/bg.png"/>
</section>
<section class="rel" style="top: -170px;">
<div class="container clearfix">
<section class="rel clearfix">
<div class="recruit-bg" >
<!-- <img class="recruit-Con" src="assets/img/concatSecond/banner-con.png"/>-->
</div>
<div class="container clearfix recruit-container" >
<!-- <div style="margin: 0 auto;" class="clearfix">-->
<div class="mr-10 bg-white border float-left p-10 w-70">
<div :class="['mr-10', 'bg-white border', 'p-10', {'recruit-width':recruitHot.data && recruitHot.data.length<=1,'w-70 float-left':recruitHot.data && recruitHot.data.length>1}]">
<div class="recruit-box">
<div class="header">
<i></i>
... ... @@ -53,7 +50,7 @@
<!-- <span class="btn btn-danger mt-25 mb-25 ml-15 d-inline-block min-width-100">现在申请</span>-->
</div>
</div>
<div class="bg-white border float-left p-10 w-30">
<div class="bg-white border float-left p-10 w-30" v-if="recruitHot.data && recruitHot.data.length>1">
<div class="hot-recruit-box">
<div class="header">
<i></i>
... ...