【无】门户网站-了解鸿果调整 #1

鲁尚清
Commit efeb7773ba446f3b65b04d9d03405822d9c0ecc2 1 parent 669d8153
Showing 6 changed files with 72 additions and 7 deletions
website/assets/css/style.css
website/assets/img/about/about-concat-bg.png
website/assets/img/about/组160.png
website/src/views/about/index.html
website/src/views/about/index.js
website/src/views/home/index.html
--- a/website/assets/css/style.css
View file @efeb777
+++ b/website/assets/css/style.css
View file @efeb777
@@ -373,6 +373,7 @@ textarea:placeholder,
     background-position: center bottom;
     background-size: cover;
     padding: 200px;
+    height: calc(100vh);
 }
 .concat-service {
     position: relative;
@@ -380,6 +381,7 @@ textarea:placeholder,
     background-position: center bottom;
     background-size: cover;
     padding: 200px;
+    height: calc(100vh);
 }
 .concat-about {
@@ -2235,6 +2237,9 @@ blockquote:before {
     }
 }
 /*lsq 首页调整优化 2022-09-20*/
+.home-banner-section{
+    height:calc(100vh);
+}
 .main-menu .navigation > li > a{
     color:#333;
 }
@@ -2363,6 +2368,9 @@ blockquote:before {
     background: url('../img/index/compatible-bg.png');
     background-size: cover;
 }
+.home-banner-section .owl-carousel .owl-item img{
+    height:auto !important;
+}
 /*ztq 招聘页面样式 2022-09-21*/
 .m-1em{
@@ -2482,6 +2490,7 @@ blockquote:before {
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-flow: column;
 }
 .section-title .title-style{
     color:#ffffff;
@@ -2543,7 +2552,7 @@ blockquote:before {
 }
 .about-video-bg{
     position: absolute;
-    height: 100%;
+    height: 80%;
     width: 100%;
     left: 0;
     top: 0;
@@ -2694,3 +2703,46 @@ blockquote:before {
     align-items: center;
     justify-content: center;
 }
+.about-concat{
+    position: relative;
+    width: 100%;
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-flow: column;
+}
+.about-concat-bg{
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+    z-index: -1;
+    background: url('../img/about/about-concat-bg.png');
+    background-size: cover;
+}
+.about-concat .about-concat-title{
+    color:#fff;
+}
+.about-concat-btn{
+    padding: 15px 100px;
+    font-size: 20px;
+    margin-top: 20px;
+    border-radius: 10px;
+    cursor: pointer;
+    background:rgba(255,255,255,.28);
+    color:#ffffff;
+}
+.about-concat-btn:hover{
+    background:rgba(255,255,255,.18);
+
+}
+.about-concat-con{
+    position: relative;
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+    align-items: center;
+}
+
--- a/website/assets/img/about/about-concat-bg.png 0 → 100644
View file @efeb777
+++ b/website/assets/img/about/about-concat-bg.png 0 → 100644
View file @efeb777
--- a/website/assets/img/about/组160.png deleted 100644 → 0
View file @669d815
+++ b/website/assets/img/about/组160.png deleted 100644 → 0
View file @669d815
--- a/website/src/views/about/index.html
View file @efeb777
+++ b/website/src/views/about/index.html
View file @efeb777
@@ -116,7 +116,7 @@
             <div class="shape shapeAnimationFour r-5 t-100">
                 <img src="assets/img/shapes/shape3.png" alt="Shape">
             </div>
-            <div class="video-section rel">
+            <div class="video-section rel pt-40">
                 <div class="container">
                     <div class="video-wrap">
                         <img src="assets/img/video-bg.png" alt="Video BG">
@@ -178,14 +178,24 @@
             <div class="container">
                 <div class="row  wow customFadeInRight delay-0-1s slow">
                     <div class="col-lg-12 col-md-12">
-                        <div class="title-style">合作流程</div>
-                        <div class="title-intro pt-30">专业技术顾问，提供一对一服务</div>
+                        <div class="title-style pt-20">合作流程</div>
+                        <div class="title-intro pt-20">专业技术顾问，提供一对一服务</div>
                     </div>
                 </div>
-                <div class="about-process pt-80">
+                <div class="about-process pt-60">
                     <img src="assets/img/about/hzlc.png">
                 </div>
             </div>
+            <div class="about-concat mt-10">
+                <div class="about-concat-title title-style">魔镜智能监控运维</div>
+                <div class="about-concat-con">
+                    <div class="about-concat-btn" @click="isConcat=!isConcat">
+                        <span v-if="!isConcat">联系咨询我们</span>
+                        <span v-if="isConcat">029-89194260</span>
+                    </div>
+                </div>
+                <div class="about-concat-bg"></div>
+            </div>
         </section>
     </div>
--- a/website/src/views/about/index.js
View file @efeb777
+++ b/website/src/views/about/index.js
View file @efeb777
@@ -73,6 +73,8 @@ export default {
             }
         }
+        //联系方式是否出现
+        let isConcat=Vue.ref(false);
         Vue.onMounted(() =>{
             if(window.location.hash=='#/about'){
                 $('.footer-section').hide();
@@ -90,7 +92,8 @@ export default {
             culturalData,
             MousewheelFun,
             flag,
-            i
+            i,
+            isConcat
         }
     }
--- a/website/src/views/home/index.html
View file @efeb777
+++ b/website/src/views/home/index.html
View file @efeb777
@@ -10,7 +10,7 @@
     </div>
 </section>
-<section class=" rel rpt-150  rpb-0 text-center" id="homeBanner">
+<section class="home-banner-section rel rpt-150  rpb-0 text-center" id="homeBanner">
     <div class="owl-carousel owl-theme owl-loaded">
         <div class="owl-stage-outer owl-height">
             <div class="owl-stage">