monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 4ea7866f0657669e6c15d5e88a78daa83e9b41da 1 parent 69ff2800

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

Inline Side-by-side
Showing 9 changed files with 52 additions and 15 deletions
... ... @@ -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;
}
}
... ...
... ... @@ -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')
},
... ...
... ... @@ -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>
... ...
... ... @@ -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,
... ...
... ... @@ -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>
... ...
... ... @@ -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">
... ...
... ... @@ -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>
... ...
... ... @@ -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>
... ...
... ... @@ -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>
... ...