monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 98da5f24ae3830b692f49ac6d432af14d04ffbe6 1 parent 81eec8dc

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

Inline Side-by-side
Showing 5 changed files with 140 additions and 5 deletions
... ... @@ -3572,8 +3572,32 @@ blockquote:before {
padding-top:10px;
}
}
.recruit-Hot-xl{
display:none;
margin-bottom: 20px;
}
/*992以下的一些样式*/
@media only screen and (max-width: 991px){
.recruit-Hot-lg{
display:none;
}
.recruit-Hot-xl{
display:block;
}
.w-70{
width: calc(100%) !important;
}
.m-1em{
display: flex;
flex-wrap: wrap;
}
.m-1em li{
margin-right:10px;
}
.hot-recruit-box .hotList>a{
text-decoration: underline;
}
.home-banner-section{
padding-top: 0;
}
... ... @@ -3596,7 +3620,10 @@ blockquote:before {
padding:50px;
}
.func-bottom-intro{
padding:0;
padding:0 15px;
}
.funcIntro-span{
padding-right:20px;
}
.app-bg,.alarm-system{
margin-bottom: 20px;
... ... @@ -3607,4 +3634,99 @@ blockquote:before {
.concat-concat{
padding:20px;
}
.principle-item{
padding:15px;
}
.owl-item-content{
width:100%;
left:0;
padding:15px;
}
.func-symbol{
font-size: 70px;
}
.count-text{
/*原48px*/
font-size: 30px;
}
.success-box i{
/*原40px*/
font-size:26px;
margin-right:0;
}
.app-advantage-style{
padding-top:30px;
}
.maintenance-advantage-num{
font-size: 60px;
padding:30px 0;
}
.info-character.col-md-3{
max-width:25%;
}
.row-top{
flex:1;
padding:15px;
}
.value-char{
flex-flow: column;
align-items: flex-start;
}
.font-size-42,.title-style-top,.page-title,.concat-concat .title-style{
/*原42px*/
font-size: 28px;
}
.title-style,.product-title,.func-bottom-title{
/*原36px*/
font-size: 26px;
}
.info-title{
/*原30px*/
font-size: 24px;
}
.principle-item-title,.compatible-item .title-style,.concat-title,.intro-title{
/*原28px*/
font-size: 22px;
}
.concat-btn,.font-size-24,.cloud-c-title,.app-title,.advantage-title-Aview{
/*原24px*/
font-size: 20px;
}
.title-intro-top,.product-intro-li,.count-wrap p,.func-top-item,.info-container h4,.con-title-21{
/*原21px*/
font-size: 18px;
}
.title-intro,.product-intro,.concat-intro,.list-style-li,.func-bottom-intro,.info-app-intro,.advantage-intro-Aview{
/*原18px*/ /*原16px*/
font-size: 14px;
}
.pd-40{
padding:10px;
}
.func-bottom-title{
flex-flow: column;
}
.func-top-item{
max-width: 33.3%;
padding:0 5px;
}
.func-top{
flex:1;
margin: 0;
}
.num-icon{
width:20px;
height:20px;
}
.wrap section.pt-135{
padding-top:20px;
}
.flaticon-section .col-md-6{
max-width: 50%;
padding:30px 0 0;
}
.video-section{
padding-top:50px;
}
}
... ...
... ... @@ -196,7 +196,7 @@
</div>
<!--Copyright-->
<div class="footer-bottom">
<div class="copyright">北京鸿果秋实科技有限公司@2016-2022.com版权所有
<div class="copyright">北京鸿果秋实科技有限公司
<a class="copyright-a" href="https://beian.miit.gov.cn/">
京ICP备16044493号-1
</a>
... ...
... ... @@ -72,7 +72,7 @@
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
<section class="success-section pt-135 pb-20">
<section class="success-section flaticon-section pt-135 pb-20">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
... ...
... ... @@ -101,7 +101,7 @@
</div>
</div>
<div class="row pt-60 pb-30 kpi-row" v-if="item.dataKpi && item.dataKpi.length>0">
<div class="col-2 kpi-item" v-for="itemK in item.dataKpi">
<div class="col-md-2 kpi-item" v-for="itemK in item.dataKpi">
<div class="kpi-con">{{itemK}}</div>
</div>
</div>
... ...
... ... @@ -13,6 +13,19 @@
</div>
<div class="container clearfix recruit-container" >
<!-- <div style="margin: 0 auto;" class="clearfix">-->
<div class="bg-white border p-10 recruit-Hot-xl" v-if="recruitHot.data && recruitHot.data.length>1">
<div class="hot-recruit-box">
<div class="header">
<i></i>
<span class="font-size-18">{{recruitHot.head}}</span>
</div>
<ul class="m-1em">
<li class="mt-25 hotList" v-for="(item,index) in recruitHot.data">
<router-link :to=`/concat/recruit/${item.url}`>{{item.text}}</router-link>
</li>
</ul>
</div>
</div>
<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">
... ... @@ -50,7 +63,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" v-if="recruitHot.data && recruitHot.data.length>1">
<div class="bg-white border float-left p-10 w-30 recruit-Hot-lg" v-if="recruitHot.data && recruitHot.data.length>1">
<div class="hot-recruit-box">
<div class="header">
<i></i>
... ...