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

鲁尚清
Commit 5e40bc63306fe6dca72da341395aaf6dfa03e95e 1 parent ff9c15ee
Showing 9 changed files with 137 additions and 56 deletions
website/assets/css/style.css
website/assets/img/data/serviceSecond.js
website/index.html
website/src/minixs/pageInit.js
website/src/views/about/index.html
website/src/views/about/index.js
website/src/views/home/index.html
website/src/views/home/index.js
website/src/views/serviceSecond/recruit/index.html
--- a/website/assets/css/style.css
View file @5e40bc6
+++ b/website/assets/css/style.css
View file @5e40bc6
@@ -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%;
@@ -3438,3 +3474,44 @@ blockquote:before {
 .com-item{
     padding:0;
 }
+.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;
+    }
+}
--- a/website/assets/img/data/serviceSecond.js
View file @5e40bc6
+++ b/website/assets/img/data/serviceSecond.js
View file @5e40bc6
@@ -819,7 +819,7 @@ export function cmdb() {
         ]
     }
-    return res
+    return resc
 }
 //魔镜智能多云运维平台
 export function cloud() {
--- a/website/index.html
View file @5e40bc6
+++ b/website/index.html
View file @5e40bc6
@@ -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>
--- a/website/src/minixs/pageInit.js
View file @5e40bc6
+++ b/website/src/minixs/pageInit.js
View file @5e40bc6
@@ -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)
--- a/website/src/views/about/index.html
View file @5e40bc6
+++ b/website/src/views/about/index.html
View file @5e40bc6
@@ -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>
--- a/website/src/views/about/index.js
View file @5e40bc6
+++ b/website/src/views/about/index.js
View file @5e40bc6
@@ -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');
--- a/website/src/views/home/index.html
View file @5e40bc6
+++ b/website/src/views/home/index.html
View file @5e40bc6
-<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">
--- a/website/src/views/home/index.js
View file @5e40bc6
+++ b/website/src/views/home/index.js
View file @5e40bc6
@@ -61,7 +61,7 @@ export default {
                 touchDrag:true,
                 //循环
                 loop: true,
-                autoplay: false,//自动轮播
+                autoplay: true,//自动轮播
                 autoplayTimeout:5000, //轮播时间
             });
         })
--- a/website/src/views/serviceSecond/recruit/index.html
View file @5e40bc6
+++ b/website/src/views/serviceSecond/recruit/index.html
View file @5e40bc6
@@ -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>