Authored by zhangtianqi

公司网站优化

@@ -1999,12 +1999,16 @@ blockquote:before { @@ -1999,12 +1999,16 @@ blockquote:before {
1999 } 1999 }
2000 .info-intro{ 2000 .info-intro{
2001 padding-top:20px; 2001 padding-top:20px;
2002 - text-indent:28px; 2002 + /*text-indent:28px;*/
  2003 + text-indent:2em;
2003 font-size: 16px; 2004 font-size: 16px;
2004 color:#666; 2005 color:#666;
2005 font-family: 'PingFang-SC-medium'; 2006 font-family: 'PingFang-SC-medium';
2006 line-height: 32px; 2007 line-height: 32px;
2007 } 2008 }
  2009 +.not-text-indent{
  2010 + text-indent: 0;
  2011 +}
2008 .info-character{ 2012 .info-character{
2009 padding:0 50px; 2013 padding:0 50px;
2010 display: flex; 2014 display: flex;
@@ -2356,12 +2360,18 @@ blockquote:before { @@ -2356,12 +2360,18 @@ blockquote:before {
2356 margin-left: 10px; 2360 margin-left: 10px;
2357 font-size: 12px; 2361 font-size: 12px;
2358 } 2362 }
2359 -.btn-service{ 2363 +.text-align-center .btn-service{
2360 background-color:rgba(69, 69, 69,.73); 2364 background-color:rgba(69, 69, 69,.73);
2361 } 2365 }
2362 -.btn-service:hover{ 2366 +.text-align-center .btn-service:hover{
2363 background-color:rgba(69, 69, 69,1); 2367 background-color:rgba(69, 69, 69,1);
2364 } 2368 }
  2369 +.btn-service{
  2370 + background-color: rgba(52, 161, 255,.73);
  2371 +}
  2372 +.btn-service:hover{
  2373 + background-color: rgba(52, 161, 255,1);
  2374 +}
2365 .btn-concat{ 2375 .btn-concat{
2366 background-color: rgba(52, 161, 255,.73); 2376 background-color: rgba(52, 161, 255,.73);
2367 } 2377 }

185 KB | W: | H:

236 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

194 KB | W: | H:

324 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -3,14 +3,17 @@ export function Information() { @@ -3,14 +3,17 @@ export function Information() {
3 let res={ 3 let res={
4 title:'信息化协同管理支撑平台', 4 title:'信息化协同管理支撑平台',
5 introduction:'基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。', 5 introduction:'基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。',
  6 + indent:true,
6 data:[ 7 data:[
7 { 8 {
8 title:'产品信息', 9 title:'产品信息',
  10 + indent:true,
9 introduction:'魔镜智能将为“智慧税务”提供一个可视化、全局化、智能化、标准化、自动化的“全流程击穿协同管理”平台。实时洞察数字化业务与用户体验、主动保障核心征管、电子税务局等核心业务系统稳定、持续高效运行,构建基于“人工智能+大数据”底座的异常检测、智能告警分析、高效信息协同的大运维工作体系。', 11 introduction:'魔镜智能将为“智慧税务”提供一个可视化、全局化、智能化、标准化、自动化的“全流程击穿协同管理”平台。实时洞察数字化业务与用户体验、主动保障核心征管、电子税务局等核心业务系统稳定、持续高效运行,构建基于“人工智能+大数据”底座的异常检测、智能告警分析、高效信息协同的大运维工作体系。',
10 type:'info' 12 type:'info'
11 }, 13 },
12 { 14 {
13 title:'产品特点', 15 title:'产品特点',
  16 + indent:false,
14 introduction:'', 17 introduction:'',
15 data:[ 18 data:[
16 { 19 {
@@ -33,12 +36,14 @@ export function Information() { @@ -33,12 +36,14 @@ export function Information() {
33 }, 36 },
34 { 37 {
35 title:'系统框架', 38 title:'系统框架',
  39 + indent:false,
36 introduction:'安全运维服务流程的系统架构', 40 introduction:'安全运维服务流程的系统架构',
37 img:'assets/img/serviceSecond/information/system.jpg', 41 img:'assets/img/serviceSecond/information/system.jpg',
38 type:'system' 42 type:'system'
39 }, 43 },
40 { 44 {
41 title:'产品优势', 45 title:'产品优势',
  46 + indent:false,
42 introduction:'', 47 introduction:'',
43 dataSecond:[ 48 dataSecond:[
44 { 49 {
@@ -714,7 +719,7 @@ export function cmdb() { @@ -714,7 +719,7 @@ export function cmdb() {
714 type:'system' 719 type:'system'
715 }, 720 },
716 { 721 {
717 - title:'CMDB主要实现五个方面的功能', 722 + title:'CMDB核心功能', //CMDB主要实现五个方面的功能
718 introduction:'', 723 introduction:'',
719 dataFunc:[ 724 dataFunc:[
720 { 725 {

41.3 KB | W: | H:

42.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

368 KB | W: | H:

59.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -82,7 +82,7 @@ export default { @@ -82,7 +82,7 @@ export default {
82 } 82 }
83 // 设置导航的样式 83 // 设置导航的样式
84 let setNavStyle=()=>{ 84 let setNavStyle=()=>{
85 - if(i.value==1 || i.value==2 || i.value==4 || i.value==6){ 85 + if(i.value==1 || i.value==2 || i.value==4){
86 $('.navigation').removeClass('navigation-white'); 86 $('.navigation').removeClass('navigation-white');
87 $('.logo-outer .hg-logo').attr('src','assets/img/logo.png'); 87 $('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
88 88
@@ -52,7 +52,7 @@ @@ -52,7 +52,7 @@
52 <div class="tech-title-num">{{index+1}}</div> 52 <div class="tech-title-num">{{index+1}}</div>
53 <div class="tech-title pt-30 pb-30">{{item.title}}</div> 53 <div class="tech-title pt-30 pb-30">{{item.title}}</div>
54 <div :class="[ 'tooltip', 'tooltip-self','flex-column-center',{'opacity1':item.isHover,'opacity0':!item.isHover}]"> 54 <div :class="[ 'tooltip', 'tooltip-self','flex-column-center',{'opacity1':item.isHover,'opacity0':!item.isHover}]">
55 - <div>{{item.title}}</div> 55 + <div><b>{{item.title}}</b></div>
56 <div>{{item.tipIntro}}</div> 56 <div>{{item.tipIntro}}</div>
57 </div> 57 </div>
58 <div class="tech-introCon-sm"> 58 <div class="tech-introCon-sm">
@@ -144,7 +144,7 @@ @@ -144,7 +144,7 @@
144 </section> 144 </section>
145 <section class="about-section route-section"> 145 <section class="about-section route-section">
146 <div class="step-route-bg"> 146 <div class="step-route-bg">
147 - <img src="assets/img/index/step-route-bg.jpg" alt=""> 147 + <img src="assets/img/index/step-route-bg.png" alt="">
148 </div> 148 </div>
149 <div class="step-route-bg-sm"> 149 <div class="step-route-bg-sm">
150 <img src="assets/img/index/step-route-bg-sm.jpg" alt=""> 150 <img src="assets/img/index/step-route-bg-sm.jpg" alt="">
@@ -31,7 +31,7 @@ @@ -31,7 +31,7 @@
31 <div class="div-type" :data-type="item.type"></div> 31 <div class="div-type" :data-type="item.type"></div>
32 <div class="container"> 32 <div class="container">
33 <div class="info-title">{{item.title}}</div> 33 <div class="info-title">{{item.title}}</div>
34 - <div :class="['info-intro',{'text-align-center':item.type=='system' || item.type=='value'},{'max-width-600':item.type=='value'}]" v-if="item.introduction">{{item.introduction}}</div> 34 + <div :class="['info-intro',{'text-align-center':item.type=='system' || item.type=='value'},{'max-width-600':item.type=='value'},{'not-text-indent':!item.indent}]" v-if="item.introduction">{{item.introduction}}</div>
35 <div class="row" v-if="item.data && item.data.length>0"> 35 <div class="row" v-if="item.data && item.data.length>0">
36 <div class="info-character col-md-4" v-for="(itemC,indexC) in item.data"> 36 <div class="info-character col-md-4" v-for="(itemC,indexC) in item.data">
37 <img class="pt-50" :src="itemC.icon" alt=""> 37 <img class="pt-50" :src="itemC.icon" alt="">