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

鲁尚清
Commit 4ea7866f0657669e6c15d5e88a78daa83e9b41da 1 parent 69ff2800
Showing 9 changed files with 52 additions and 15 deletions
website/assets/css/style.css
website/src/router/index.js
website/src/views/about/index.html
website/src/views/concat/index.js
website/src/views/serviceSecond/alarm/index.html
website/src/views/serviceSecond/businessApp/index.html
website/src/views/serviceSecond/cmdb/index.html
website/src/views/serviceSecond/information/index.html
website/src/views/serviceSecond/recruit/index.html
--- a/website/assets/css/style.css
View file @4ea7866
+++ b/website/assets/css/style.css
View file @4ea7866
@@ -2035,6 +2035,9 @@ blockquote:before {
 .info-value{
     position: relative;
 }
+.info-value-center{
+    text-align: center;
+}
 .info-value-title{
     position: absolute;
     top: 0;
@@ -2043,7 +2046,8 @@ blockquote:before {
     flex-flow: column;
     justify-content: center;
     padding: 30px;
-
+    left:0;
+    right:0;
 }
 .max-width-600{
     max-width: 600px;
@@ -3050,7 +3054,7 @@ blockquote:before {
     width: 100%;
     top: 0;
     z-index: -2;
-    background-size: contain;
+    background-size: cover;
     background-image: url("../img/serviceSecond/Aview/ability-bg.png");
     background-repeat: no-repeat;
     background-position: center;
@@ -3125,6 +3129,9 @@ blockquote:before {
 }
 .info-characterP:hover .info-characterP-bg{
     background:url("../img/serviceSecond/Aview/characterP-bg-active.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
 }
 .info-character.info-characterP{
@@ -3450,8 +3457,11 @@ blockquote:before {
 .kpi-item{
     max-width: 170px;
     padding:0;
+    padding-right:6px;
+}
+.kpi-item:last-child{
+    padding:0;
 }
-
 .com-item-title{
     font-size: 21px;
     color:#333333;
@@ -3473,6 +3483,10 @@ blockquote:before {
 }
 .com-item-con{
     border:1px solid #999;
+    border-right: none;
+}
+.com-item-con:last-child{
+    border:1px solid #999;
 }
 .row-com{
     box-shadow: 0 0 8px rgba(0,0,0,.2);
@@ -3528,7 +3542,7 @@ blockquote:before {
 .home-banner-section .owl-item{
     background-size:cover !important;
 }
-.about-content .title-style{
+.about-content-intro .title-style{
     color:#e43730;
     padding-top:140px;
 }
@@ -3550,6 +3564,14 @@ blockquote:before {
         padding-top:140px;
     }
 }
+@media only screen and (max-width:1200px){
+    .info-character.info-characterP{
+        padding:15px;
+    }
+    .characterP-con .info-character-intro{
+        padding-top:10px;
+    }
+}
 /*992以下的一些样式*/
 @media only screen and (max-width: 991px){
     .home-banner-section{
@@ -3567,7 +3589,22 @@ blockquote:before {
     .cultural-item-l img{
         max-width: 225px;
     }
-    .info-character-log{
+    .info-character-log,.info-character-busi{
         padding:0 15px;
     }
+    .info-character.info-characterP{
+        padding:50px;
+    }
+    .func-bottom-intro{
+        padding:0;
+    }
+    .app-bg,.alarm-system{
+        margin-bottom: 20px;
+    }
+    .cloud-content{
+        margin-bottom: 20px;
+    }
+    .concat-concat{
+        padding:20px;
+    }
 }
--- a/website/src/router/index.js
View file @4ea7866
+++ b/website/src/router/index.js
View file @4ea7866
@@ -20,7 +20,7 @@ const routes = [
         component: () => myImport('views/concat/index'),
     },
     {
-        path:"/recruit/:job",
+        path:"/concat/recruit/:job",
         name:"Recruit",
         component: () => myImport('views/serviceSecond/recruit/index')
     },
--- a/website/src/views/about/index.html
View file @4ea7866
+++ b/website/src/views/about/index.html
View file @4ea7866
@@ -16,7 +16,7 @@
         <section class="about-section rel  all-height">
             <div class="container about-container">
-                <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
+                <div class="about-content about-content-intro mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
                     <div class="section-title mb-35">
                         <span class="title-style">公司简介</span>
                     </div>
--- a/website/src/views/concat/index.js
View file @4ea7866
+++ b/website/src/views/concat/index.js
View file @4ea7866
@@ -12,7 +12,7 @@ export default {
         recruitHot.value = recruit().hot;
         let routerPath=(val)=>{
-            proxy.$router.push('/recruit/'+val)
+            proxy.$router.push('/concat/recruit/'+val)
         }
         return{
             recruitHot,
--- a/website/src/views/serviceSecond/alarm/index.html
View file @4ea7866
+++ b/website/src/views/serviceSecond/alarm/index.html
View file @4ea7866
@@ -36,7 +36,7 @@
       <img :src="item.img" alt="">
     </div>
     <div class="row pt-50"  v-if="item.data && item.data.length>0">
-      <div class="col-md-3 flex-start-column " v-for="(itemC,indexC) in item.data">
+      <div class="col-lg-3 col-md-6 flex-start-column alarm-system" v-for="(itemC,indexC) in item.data">
         <div class="system-bg pd-20">
           <img class="" :src="itemC.icon" alt="">
           <h4 class="pt-30">{{itemC.title}}</h4>
--- a/website/src/views/serviceSecond/businessApp/index.html
View file @4ea7866
+++ b/website/src/views/serviceSecond/businessApp/index.html
View file @4ea7866
@@ -83,7 +83,7 @@
         </div>
         <div class="row pt-30  pb-30" v-if="item.dataFive && item.dataFive.length>0">
             <div class="row-top row pt-50">
-                <div class="col-lg-3 info-character" @mouseover="showHover(indexV)"  v-for="(itemV,indexV) in item.dataFive">
+                <div class="col-md-3 col-lg-3 info-character info-character-busi" @mouseover="showHover(indexV)"  v-for="(itemV,indexV) in item.dataFive">
                     <img v-if="valueIndex!=indexV" class="" :src="itemV.icon" alt="">
                     <img v-if="valueIndex==indexV" class="" :src="itemV.iconA" alt="">
                     <div class="pt-30">
@@ -106,7 +106,7 @@
             </div>
         </div>
         <div class="row mt-60 row-com" v-if="item.dataCom && item.dataCom.length>0">
-            <div class="col-3 col-lg-3-self com-item" v-for="itemC in item.dataCom">
+            <div class="col-md-4 col-lg-3 col-lg-3-self com-item" v-for="itemC in item.dataCom">
                 <div class="com-item-con">
                     <div class="com-item-title">{{itemC.title}}</div>
                     <div class="com-item-ul">
--- a/website/src/views/serviceSecond/cmdb/index.html
View file @4ea7866
+++ b/website/src/views/serviceSecond/cmdb/index.html
View file @4ea7866
@@ -36,7 +36,7 @@
       <div class="info-intro-item" v-for="itemI in item.introData">{{itemI}}</div>
     </div>
     <div class="row pt-30"  v-if="item.data && item.data.length>0">
-      <div class="col-md-3 flex-start-column " v-for="(itemC,indexC) in item.data">
+      <div class="col-lg-3 col-md-6 flex-start-column " v-for="(itemC,indexC) in item.data">
         <div class="app-bg pd-25">
           <img class="" :src="itemC.icon" alt="">
           <div class="pt-30 app-title">{{itemC.title}}</div>
@@ -60,7 +60,7 @@
     </div>
     <div class="row mt-40 pb-30" v-if="item.dataFunc && item.dataFunc.length>0">
       <div class="func-top row">
-        <div @click="changeFunc(indexF)" :class="['col-lg-2', 'func-top-item',{'func-item-active':funcActive==indexF}]" v-for="(itemF,indexF) in item.dataFunc">
+        <div @click="changeFunc(indexF)" :class="['col-lg-2','col-md-4', 'func-top-item',{'func-item-active':funcActive==indexF}]" v-for="(itemF,indexF) in item.dataFunc">
           {{itemF.title}}
         </div>
       </div>
--- a/website/src/views/serviceSecond/information/index.html
View file @4ea7866
+++ b/website/src/views/serviceSecond/information/index.html
View file @4ea7866
@@ -58,7 +58,7 @@
         </div>
         <div class="row pt-30"  v-if="item.dataThird && item.dataThird.length>0">
             <div class="col-lg-4" v-for="(itemV,indexV) in item.dataThird">
-                <div class="info-value" >
+                <div class="info-value info-value-center" >
                     <img class="" :src="itemV.img" alt="">
                     <div :class="['info-value-title']">
                         <h3>{{itemV.title}}</h3>
--- a/website/src/views/serviceSecond/recruit/index.html
View file @4ea7866
+++ b/website/src/views/serviceSecond/recruit/index.html
View file @4ea7866
@@ -58,7 +58,7 @@
                     </div>
                     <ul class="m-1em">
                         <li class="mt-25 hotList" v-for="(item,index) in recruitHot.data">
-                            <router-link :to=`/recruit/${item.url}`>{{item.text}}</router-link>
+                            <router-link :to=`/concat/recruit/${item.url}`>{{item.text}}</router-link>
                         </li>
                     </ul>
                 </div>