monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit d5a212c2a34f245e3781a16a3006df2c6ccc86f5 2 parents 7e5b3ddf 4e461196

Merge branch 'master-500-dev-lushangqing' into 'master-500-dev' 

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



See merge request !1041
Inline Side-by-side
Showing 5 changed files with 141 additions and 6 deletions
@@ -3572,8 +3572,32 @@ blockquote:before { @@ -3572,8 +3572,32 @@ blockquote:before {
3572 padding-top:10px; 3572 padding-top:10px;
3573 } 3573 }
3574 } 3574 }
  3575 +.recruit-Hot-xl{
  3576 + display:none;
  3577 + margin-bottom: 20px;
  3578 +}
  3579 +
3575 /*992以下的一些样式*/ 3580 /*992以下的一些样式*/
3576 @media only screen and (max-width: 991px){ 3581 @media only screen and (max-width: 991px){
  3582 + .recruit-Hot-lg{
  3583 + display:none;
  3584 + }
  3585 + .recruit-Hot-xl{
  3586 + display:block;
  3587 + }
  3588 + .w-70{
  3589 + width: calc(100%) !important;
  3590 + }
  3591 + .m-1em{
  3592 + display: flex;
  3593 + flex-wrap: wrap;
  3594 + }
  3595 + .m-1em li{
  3596 + margin-right:10px;
  3597 + }
  3598 + .hot-recruit-box .hotList>a{
  3599 + text-decoration: underline;
  3600 + }
3577 .home-banner-section{ 3601 .home-banner-section{
3578 padding-top: 0; 3602 padding-top: 0;
3579 } 3603 }
@@ -3596,7 +3620,10 @@ blockquote:before { @@ -3596,7 +3620,10 @@ blockquote:before {
3596 padding:50px; 3620 padding:50px;
3597 } 3621 }
3598 .func-bottom-intro{ 3622 .func-bottom-intro{
3599 - padding:0; 3623 + padding:0 15px;
  3624 + }
  3625 + .funcIntro-span{
  3626 + padding-right:20px;
3600 } 3627 }
3601 .app-bg,.alarm-system{ 3628 .app-bg,.alarm-system{
3602 margin-bottom: 20px; 3629 margin-bottom: 20px;
@@ -3607,4 +3634,99 @@ blockquote:before { @@ -3607,4 +3634,99 @@ blockquote:before {
3607 .concat-concat{ 3634 .concat-concat{
3608 padding:20px; 3635 padding:20px;
3609 } 3636 }
  3637 + .principle-item{
  3638 + padding:15px;
  3639 + }
  3640 + .owl-item-content{
  3641 + width:100%;
  3642 + left:0;
  3643 + padding:15px;
  3644 + }
  3645 + .func-symbol{
  3646 + font-size: 70px;
  3647 + }
  3648 + .count-text{
  3649 + /*原48px*/
  3650 + font-size: 30px;
  3651 + }
  3652 + .success-box i{
  3653 + /*原40px*/
  3654 + font-size:26px;
  3655 + margin-right:0;
  3656 + }
  3657 + .app-advantage-style{
  3658 + padding-top:30px;
  3659 + }
  3660 + .maintenance-advantage-num{
  3661 + font-size: 60px;
  3662 + padding:30px 0;
  3663 + }
  3664 + .info-character.col-md-3{
  3665 + max-width:25%;
  3666 + }
  3667 + .row-top{
  3668 + flex:1;
  3669 + padding:15px;
  3670 + }
  3671 + .value-char{
  3672 + flex-flow: column;
  3673 + align-items: flex-start;
  3674 + }
  3675 +
  3676 + .font-size-42,.title-style-top,.page-title,.concat-concat .title-style{
  3677 + /*原42px*/
  3678 + font-size: 28px;
  3679 + }
  3680 + .title-style,.product-title,.func-bottom-title{
  3681 + /*原36px*/
  3682 + font-size: 26px;
  3683 + }
  3684 + .info-title{
  3685 + /*原30px*/
  3686 + font-size: 24px;
  3687 + }
  3688 + .principle-item-title,.compatible-item .title-style,.concat-title,.intro-title{
  3689 + /*原28px*/
  3690 + font-size: 22px;
  3691 + }
  3692 + .concat-btn,.font-size-24,.cloud-c-title,.app-title,.advantage-title-Aview{
  3693 + /*原24px*/
  3694 + font-size: 20px;
  3695 + }
  3696 + .title-intro-top,.product-intro-li,.count-wrap p,.func-top-item,.info-container h4,.con-title-21{
  3697 + /*原21px*/
  3698 + font-size: 18px;
  3699 + }
  3700 + .title-intro,.product-intro,.concat-intro,.list-style-li,.func-bottom-intro,.info-app-intro,.advantage-intro-Aview{
  3701 + /*原18px*/ /*原16px*/
  3702 + font-size: 14px;
  3703 + }
  3704 + .pd-40{
  3705 + padding:10px;
  3706 + }
  3707 + .func-bottom-title{
  3708 + flex-flow: column;
  3709 + }
  3710 + .func-top-item{
  3711 + max-width: 33.3%;
  3712 + padding:0 5px;
  3713 + }
  3714 + .func-top{
  3715 + flex:1;
  3716 + margin: 0;
  3717 + }
  3718 + .num-icon{
  3719 + width:20px;
  3720 + height:20px;
  3721 + }
  3722 + .wrap section.pt-135{
  3723 + padding-top:20px;
  3724 + }
  3725 + .flaticon-section .col-md-6{
  3726 + max-width: 50%;
  3727 + padding:30px 0 0;
  3728 + }
  3729 + .video-section{
  3730 + padding-top:50px;
  3731 + }
3610 } 3732 }
@@ -196,7 +196,7 @@ @@ -196,7 +196,7 @@
196 </div> 196 </div>
197 <!--Copyright--> 197 <!--Copyright-->
198 <div class="footer-bottom"> 198 <div class="footer-bottom">
199 - <div class="copyright">北京鸿果秋实科技有限公司@2016-2022.com版权所有 199 + <div class="copyright">北京鸿果秋实科技有限公司
200 <a class="copyright-a" href="https://beian.miit.gov.cn/"> 200 <a class="copyright-a" href="https://beian.miit.gov.cn/">
201 京ICP备16044493号-1 201 京ICP备16044493号-1
202 </a> 202 </a>
@@ -72,7 +72,7 @@ @@ -72,7 +72,7 @@
72 <img src="assets/img/shapes/shape1.png" alt="Shape"> 72 <img src="assets/img/shapes/shape1.png" alt="Shape">
73 </div> 73 </div>
74 </section> 74 </section>
75 - <section class="success-section pt-135 pb-20"> 75 + <section class="success-section flaticon-section pt-135 pb-20">
76 <div class="container"> 76 <div class="container">
77 <div class="row"> 77 <div class="row">
78 <div class="col-lg-3 col-md-6"> 78 <div class="col-lg-3 col-md-6">
@@ -101,7 +101,7 @@ @@ -101,7 +101,7 @@
101 </div> 101 </div>
102 </div> 102 </div>
103 <div class="row pt-60 pb-30 kpi-row" v-if="item.dataKpi && item.dataKpi.length>0"> 103 <div class="row pt-60 pb-30 kpi-row" v-if="item.dataKpi && item.dataKpi.length>0">
104 - <div class="col-2 kpi-item" v-for="itemK in item.dataKpi"> 104 + <div class="col-md-2 kpi-item" v-for="itemK in item.dataKpi">
105 <div class="kpi-con">{{itemK}}</div> 105 <div class="kpi-con">{{itemK}}</div>
106 </div> 106 </div>
107 </div> 107 </div>
@@ -13,7 +13,20 @@ @@ -13,7 +13,20 @@
13 </div> 13 </div>
14 <div class="container clearfix recruit-container" > 14 <div class="container clearfix recruit-container" >
15 <!-- <div style="margin: 0 auto;" class="clearfix">--> 15 <!-- <div style="margin: 0 auto;" class="clearfix">-->
16 - <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}]"> 16 + <div class="bg-white border p-10 recruit-Hot-xl" v-if="recruitHot.data && recruitHot.data.length>1">
  17 + <div class="hot-recruit-box">
  18 + <div class="header">
  19 + <i></i>
  20 + <span class="font-size-18">{{recruitHot.head}}</span>
  21 + </div>
  22 + <ul class="m-1em">
  23 + <li class="mt-25 hotList" v-for="(item,index) in recruitHot.data">
  24 + <router-link :to=`/concat/recruit/${item.url}`>{{item.text}}</router-link>
  25 + </li>
  26 + </ul>
  27 + </div>
  28 + </div>
  29 + <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}]">
17 <div class="recruit-box"> 30 <div class="recruit-box">
18 <div class="header"> 31 <div class="header">
19 <i></i> 32 <i></i>
@@ -50,7 +63,7 @@ @@ -50,7 +63,7 @@
50 <!-- <span class="btn btn-danger mt-25 mb-25 ml-15 d-inline-block min-width-100">现在申请</span>--> 63 <!-- <span class="btn btn-danger mt-25 mb-25 ml-15 d-inline-block min-width-100">现在申请</span>-->
51 </div> 64 </div>
52 </div> 65 </div>
53 - <div class="bg-white border float-left p-10 w-30" v-if="recruitHot.data && recruitHot.data.length>1"> 66 + <div class="bg-white border float-left p-10 w-30 recruit-Hot-lg" v-if="recruitHot.data && recruitHot.data.length>1">
54 <div class="hot-recruit-box"> 67 <div class="hot-recruit-box">
55 <div class="header"> 68 <div class="header">
56 <i></i> 69 <i></i>