monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit ba7377322804a152b94798d6f61a9a849cd1a88a 1 parent 1ccc6541

【无】公司网站-样式修改,首页图片，移动端 #1

Inline Side-by-side
Showing 9 changed files with 97 additions and 30 deletions
... ... @@ -2417,9 +2417,17 @@ blockquote:before {
z-index: -1;
background: url('../img/index/step-route.jpg');
background-size: cover;
display: none;
}
.route-section{
/*height: calc(100vh);*/
position: relative;
}
.route-con,.step-route-bg-sm{
display: none;
}
.route-title{
color:#ffffff;
/*color:#ffffff;*/
}
.step-route-item{
font-size: 18px;
... ... @@ -2881,9 +2889,22 @@ blockquote:before {
align-items: center;
}
/*lsq 加入我们样式调整*/
.title-style.color-white,.title-intro.color-white{
.title-style.color-white{
color:#fff;
}
.about-content-intro{
display: none;
}
.about-intro-title{
font-weight: bold;
}
.about-intro{
tab-index: 36px;
}
.about-intro .about-intro-img{
text-align: center;
}
.concat-concat .title-style{
font-size:42px;
}
... ... @@ -3579,14 +3600,15 @@ blockquote:before {
background-size:cover !important;
}
.about-content-intro .title-style{
color:#e43730;
/*color:#e43730;*/
color:#333;
padding-top:140px;
}
.about-container{
height:100%;
}
.about-content .title-style{
display: none;
padding-top:50px;
}
.office-info li a{
color:#FFFFFF;
... ... @@ -3594,21 +3616,7 @@ blockquote:before {
.office-info li a:hover{
color:#e43730;
}
@media (min-width: 992px){
.about-content .title-style{
padding-top:180px;
}
}
@media (min-width: 1200px){
.about-content .title-style{
padding-top:160px;
}
}
@media (min-width: 1400px){
.about-content .title-style{
padding-top:140px;
}
}
@media only screen and (max-width:1200px){
.info-character.info-characterP{
padding:15px;
... ... @@ -3994,6 +4002,25 @@ blockquote:before {
}
}
@media only screen and (max-width: 768px){
.about-concat{
margin-top: 0;
top:0;
}
.about-content-intro{
display: block;
}
.about-content-intro .mb-35{
margin-bottom: 20px;
}
.step-route-bg-sm{
display: block;
}
.step-route-bg,.know-intro-bg,.about-process-container{
display: none;
}
.rmb-50{
margin-bottom: 20px;
}
.principle-con{
align-items: flex-start;
}
... ... @@ -4006,7 +4033,9 @@ blockquote:before {
}
.wrap section{
height: auto;
min-height: 500px;
}
.wrap section:nth-child(1),.wrap section:nth-child(3),.wrap section:nth-child(5){
min-height: 400px;
}
.footer-widget{
text-align: center;
... ... @@ -4023,11 +4052,8 @@ blockquote:before {
.about-concat-con{
padding-bottom: 20px;
}
.culturalValues-container .pt-60{
padding-top:30px;
}
.partner-section{
padding-top:60px;
.culturalValues-container .pt-60,.partner-section{
padding-top:0;
}
.about-content-intro .title-style{
padding-top:30px;
... ...
export function introDatas() {
let res = [
{
img:'assets/img/about/intro-1.jpg',
title:'',
intro:'北京鸿果科技公司于2014年成立，位于中关村核心区域，致力于提供“4S”（Software-软件，Service-服务，Solution-解决方案，Sale-销售）信息化解决方案。公司专注于软件解决方案和整体服务交付，已成为政府、央企等重要行业“IT智能监控”+“数字化业务智能监控”领域的领先者。'
},
{
img:'',
title:'精研“AI+大数据”软件产品线',
intro:'北京鸿果科技拥有自主研发力量和“政府”行业服务交付经验，率先把握“互联网+智能化AI+行业场景应用”的变革时机，充分发挥AI时代的业务大数据处理能力，运用智能化、运维大数据思维，引入AI算法+大数据+行业场景化对业务的深度应用，共同打造AI+大数据生态圈以及可落地的解决方案。'
},
{
img:'',
title:'北京总部和西安技术中心',
intro:'目前在北京、西安拥有技术研发团队和服务基地，组建了专业的智能监控和软件服务团队，为公司带来专业化的研发和服务能力。'
},
{
img:'assets/img/about/intro-2.png',
title:'专业服务与高客户满意度',
intro:'公司高度重视客户服务工作，以“高客户满意度”为经营宗旨，践行AI+大数据体系强落地能力，同时具备完整的一线、二线技术支持体系，可覆盖全国营销和售后服务网络，使北京鸿果科技能够为政府及更多重大行业的用户提供全方位、专业化的自研软件产品及端到端的优质服务。'
}
]
return res;
}
export function culturalValuesDatas() {
let res = [
{
... ...
... ... @@ -21,6 +21,13 @@
<span class="title-style">公司简介</span>
</div>
<!-- <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>-->
<div class=about-intro" v-for="itemI in introData">
<div class="title-intro about-intro-title pb-10 pt-10" v-if="itemI.title">{{itemI.title}}</div>
<div class="title-intro" v-if="itemI.intro">{{itemI.intro}}</div>
<div class="about-intro-img">
<img :src="itemI.img" class="pb-10 pt-10" alt="" v-if="itemI.img">
</div>
</div>
</div>
</div>
<!-- <div class="know-intro"></div>-->
... ...
import pageInit from "../../minixs/pageInit.js";
import {culturalValuesDatas,culturalDatas,imgsDatas} from "../../../../assets/img/data/aboutData.js";
import {culturalValuesDatas,culturalDatas,imgsDatas,introDatas} from "../../../../assets/img/data/aboutData.js";
export default {
name: 'home',
template: '',
... ... @@ -10,7 +10,7 @@ export default {
const {proxy} = Vue.getCurrentInstance();
let culturalValuesData=Vue.ref(culturalValuesDatas());
let culturalData=Vue.ref(culturalDatas());
let introData=Vue.ref(introDatas());
var imgs = Vue.ref(imgsDatas());
let flag =Vue.ref(true);
let i=Vue.ref(0);
... ... @@ -165,7 +165,8 @@ export default {
startX,
startY,
endX,
endY
endY,
introData
}
}
... ...
... ... @@ -110,7 +110,7 @@
</div>
</section>
<section class="about-section rel pt-60 pb-70">
<section class="about-section rel pt-60">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
... ... @@ -121,7 +121,7 @@
</div>
</div>
</div>
<div class="color-white">
<div class="color-white route-con">
<div :class="['step-route-item',{'step-route-item-active':stepActive==index}]" v-for="(item,index) in stepRoute" @mouseenter="showHover(index)" @mouseleave="hideHover">
{{item}}
</div>
... ... @@ -135,7 +135,15 @@
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</section>
<section class="about-section route-section">
<div class="step-route-bg">
<img src="assets/img/index/step-route-bg.jpg" alt="">
</div>
<div class="step-route-bg-sm">
<img src="assets/img/index/step-route-bg-sm.jpg" alt="">
</div>
</section>
<section class="team-section rel pt-80 pb-80">
<div class="container">
<div class="mb-35 pr-65 align-items-center flex-column-center">
... ...