monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 2b98e307a16a711c539162313196a52844fcfc7c 2 parents 1d708260 c2302134

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

1、登录是的loading

2、手机端----技术优势调整，各厂商logo、文字调整，去掉证书下面的文字，
3、图片虚化
4、PC导航字体修改

See merge request !1061
Inline Side-by-side
Showing 17 changed files with 35 additions and 21 deletions
@@ -11,12 +11,12 @@ server: @@ -11,12 +11,12 @@ server:
11 key-store-password: Hg0801.. 11 key-store-password: Hg0801..
12 key-password: Hg0801.. 12 key-password: Hg0801..
13 url: 13 url:
14 - gateway: http://127.0.0.1:8080  
15 - inspection_web: http://127.0.0.1:8082  
16 - assetsweb: http://127.0.0.1:8082  
17 - mxgraph_editor: http://127.0.0.1:8085  
18 - tingyun: http://127.0.0.1:8088  
19 - bigScreen: http://127.0.0.1:8081 14 + gateway: http://192.168.0.44:8080
  15 + inspection_web: http://192.168.0.44:8082
  16 + assetsweb: http://192.168.0.44:8082
  17 + mxgraph_editor: http://192.168.0.44:8085
  18 + tingyun: http://192.168.0.44:8088
  19 + bigScreen: http://192.168.1.51:8081
20 #流程系统路径，当ssl.enabled=true时，http要改为https,并修改流程nginx的conf文件 20 #流程系统路径，当ssl.enabled=true时，http要改为https,并修改流程nginx的conf文件
21 workflow: http://192.168.0.248:8002 21 workflow: http://192.168.0.248:8002
22 # 积木报表工具 22 # 积木报表工具
@@ -239,8 +239,8 @@ img { @@ -239,8 +239,8 @@ img {
239 background-color: #ffffff; 239 background-color: #ffffff;
240 background-position: center center; 240 background-position: center center;
241 background-repeat: no-repeat; 241 background-repeat: no-repeat;
242 - background-image: url(../img/preloader.gif);  
243 - background-size: 80px; 242 + background-image: url(../img/HGLoading.gif);
  243 + background-size: 150px;
244 } 244 }
245 245
246 /*** Scroll To Top style ***/ 246 /*** Scroll To Top style ***/
@@ -2304,12 +2304,14 @@ blockquote:before { @@ -2304,12 +2304,14 @@ blockquote:before {
2304 } 2304 }
2305 .main-menu .navigation > li > a{ 2305 .main-menu .navigation > li > a{
2306 color:#333; 2306 color:#333;
  2307 + font-size: 17px;
2307 } 2308 }
2308 .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a{ 2309 .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a{
2309 border-bottom: 3px solid #e43730; 2310 border-bottom: 3px solid #e43730;
2310 } 2311 }
2311 .main-menu .navigation.navigation-white > li > a{ 2312 .main-menu .navigation.navigation-white > li > a{
2312 color:#ffffff; 2313 color:#ffffff;
  2314 + font-size: 17px;
2313 } 2315 }
2314 .main-menu .navigation.navigation-white > li:hover > a, .main-menu .navigation.navigation-white > li.current > a{ 2316 .main-menu .navigation.navigation-white > li:hover > a, .main-menu .navigation.navigation-white > li.current > a{
2315 border-bottom: 3px solid #e43730; 2317 border-bottom: 3px solid #e43730;
@@ -3763,6 +3765,7 @@ blockquote:before { @@ -3763,6 +3765,7 @@ blockquote:before {
3763 } 3765 }
3764 .main-menu .navigation.navigation-white > li > a{ 3766 .main-menu .navigation.navigation-white > li > a{
3765 color:#243E63; 3767 color:#243E63;
  3768 + font-size: 16px;
3766 } 3769 }
3767 .concat-service{ 3770 .concat-service{
3768 padding:20px; 3771 padding:20px;
@@ -3863,6 +3866,15 @@ blockquote:before { @@ -3863,6 +3866,15 @@ blockquote:before {
3863 /*原28px*/ 3866 /*原28px*/
3864 font-size: 22px; 3867 font-size: 22px;
3865 } 3868 }
  3869 + .title-icon{
  3870 + justify-content: center;
  3871 + }
  3872 + .compatible-item .title-style{
  3873 + text-align: center;
  3874 + }
  3875 + .team-item-right{
  3876 + margin: 0 auto;
  3877 + }
3866 .concat-btn,.font-size-24,.cloud-c-title,.app-title,.advantage-title-Aview{ 3878 .concat-btn,.font-size-24,.cloud-c-title,.app-title,.advantage-title-Aview{
3867 /*原24px*/ 3879 /*原24px*/
3868 font-size: 20px; 3880 font-size: 20px;
@@ -4053,6 +4065,7 @@ blockquote:before { @@ -4053,6 +4065,7 @@ blockquote:before {
4053 } 4065 }
4054 .title-icon{ 4066 .title-icon{
4055 padding:0; 4067 padding:0;
  4068 + justify-content: center;
4056 } 4069 }
4057 .section-item{ 4070 .section-item{
4058 display: none; 4071 display: none;
@@ -4232,6 +4245,7 @@ blockquote:before { @@ -4232,6 +4245,7 @@ blockquote:before {
4232 } 4245 }
4233 .main-header{ 4246 .main-header{
4234 top:0; 4247 top:0;
  4248 + z-index: 2000;
4235 } 4249 }
4236 .header-inner{ 4250 .header-inner{
4237 padding:0!important; 4251 padding:0!important;

186 KB | W: | H:

185 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -97,20 +97,20 @@ export function techDatas(){ @@ -97,20 +97,20 @@ export function techDatas(){
97 { 97 {
98 id:'02', 98 id:'02',
99 isHover:false, 99 isHover:false,
100 - title:'业务与技术融合',  
101 - tipIntro:'以业务服务为核心视角、以应用架构为桥梁，打通上层业务监控到底层技术设施监控链路，故障定位更简单。' 100 + title:'构件化开发平台',
  101 + tipIntro:'围绕用户业务管理需求，其通过low-code的插件化、配置化的开发方式下，提供可视化的用户编排界面、控件元素和成熟稳定的模块，助力用户快速配置个性化IT管理工具。'
102 }, 102 },
103 { 103 {
104 id:'03', 104 id:'03',
105 isHover:false, 105 isHover:false,
106 - title:'智能的关联分析',  
107 - tipIntro:'基于应用IT资源图谱多层关联，采用智能关联分析引擎实现精准告警，实时动态评估故障对业务的影响级别。' 106 + title:'业务与技术融合',
  107 + tipIntro:'以业务服务为核心视角、以应用架构为桥梁，打通上层业务监控到底层技术设施监控链路，故障定位更简单。'
108 }, 108 },
109 { 109 {
110 id:'04', 110 id:'04',
111 isHover:false, 111 isHover:false,
112 - title:'构件化开发平台',  
113 - tipIntro:'围绕用户业务管理需求，其通过low-code的插件化、配置化的开发方式下，提供可视化的用户编排界面、控件元素和成熟稳定的模块，助力用户快速配置个性化IT管理工具。' 112 + title:'智能的关联分析',
  113 + tipIntro:'基于应用IT资源图谱多层关联，采用智能关联分析引擎实现精准告警，实时动态评估故障对业务的影响级别。'
114 }, 114 },
115 { 115 {
116 id:'05', 116 id:'05',

262 KB | W: | H:

62.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

292 KB | W: | H:

63.4 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

105 KB | W: | H:

50.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

254 KB | W: | H:

60.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

232 KB | W: | H:

63.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

536 KB | W: | H:

122 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

196 KB | W: | H:

56.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

497 KB | W: | H:

81.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -188,7 +188,7 @@ @@ -188,7 +188,7 @@
188 <div class="item-con"> 188 <div class="item-con">
189 <img :src="item.path" alt="资质&证书"> 189 <img :src="item.path" alt="资质&证书">
190 </div> 190 </div>
191 - <div class="item-name"> 191 + <div class="item-name div-hide">
192 {{item.name}} 192 {{item.name}}
193 </div> 193 </div>
194 </div> 194 </div>
@@ -203,7 +203,7 @@ @@ -203,7 +203,7 @@
203 <img src="assets/img/shapes/shape1.png" alt="Shape"> 203 <img src="assets/img/shapes/shape1.png" alt="Shape">
204 </div> 204 </div>
205 </section> 205 </section>
206 - <section class="about-section rel text-center"> 206 + <!--<section class="about-section rel text-center">
207 <div class="container about-process-container"> 207 <div class="container about-process-container">
208 <div class="row wow customFadeInRight delay-0-1s slow"> 208 <div class="row wow customFadeInRight delay-0-1s slow">
209 <div class="col-lg-12 col-md-12"> 209 <div class="col-lg-12 col-md-12">
@@ -226,7 +226,7 @@ @@ -226,7 +226,7 @@
226 </div> 226 </div>
227 <div class="about-concat-bg"></div> 227 <div class="about-concat-bg"></div>
228 </div> 228 </div>
229 - </section> 229 + </section>-->
230 </div> 230 </div>
231 231
232 </div> 232 </div>
@@ -35,7 +35,7 @@ export default { @@ -35,7 +35,7 @@ export default {
35 }//下滑 35 }//下滑
36 else{ 36 else{
37 // 这个if让它不能让下继续滑动 37 // 这个if让它不能让下继续滑动
38 - if(i.value<7){ 38 + if(i.value<6){
39 i.value++; 39 i.value++;
40 flag.value = false; 40 flag.value = false;
41 let top=-i.value*hei; 41 let top=-i.value*hei;
@@ -49,7 +49,7 @@ export default { @@ -49,7 +49,7 @@ export default {
49 } 49 }
50 }else if(type=='touchDown'){ 50 }else if(type=='touchDown'){
51 // 这个if让它不能让下继续滑动 51 // 这个if让它不能让下继续滑动
52 - if(i.value<7){ 52 + if(i.value<6){
53 i.value++; 53 i.value++;
54 flag.value = false; 54 flag.value = false;
55 let top=-i.value*hei; 55 let top=-i.value*hei;
@@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
28 <div class="section-title style-three mb-15"> 28 <div class="section-title style-three mb-15">
29 <span class="concat-title">成功靠大家努力</span> 29 <span class="concat-title">成功靠大家努力</span>
30 </div> 30 </div>
31 - <div class="concat-intro">成功的花,人们只惊羡它现时的明艳，然而当初它的芽儿，却浸透了奋斗者的泪泉，洒满了牺牲的血雨——冰心。成功不简单，坚持下去，就是胜利！向着美好的明天，迈进吧！</div> 31 + <div class="concat-intro">成功的花,人们只惊羡它现时的明艳，然而当初它的芽儿，却浸透了奋斗者的泪泉，洒满了牺牲的血雨——冰心。</div>
32 32
33 </div> 33 </div>
34 </div> 34 </div>
@@ -36,7 +36,7 @@ @@ -36,7 +36,7 @@
36 36
37 <section class=" rel text-center pt-30"> 37 <section class=" rel text-center pt-30">
38 <div class="container"> 38 <div class="container">
39 - <div class="title-style">技术优势</div> 39 + <div class="title-style">“魔镜智能”平台的技术优势</div>
40 <div class="title-intro pt-20">以AI激活运维数据智慧，助力客户数字化运维</div> 40 <div class="title-intro pt-20">以AI激活运维数据智慧，助力客户数字化运维</div>
41 <div class="row pt-30"> 41 <div class="row pt-30">
42 <div v-for="(item,index) in techData" :key="item" class="col-lg-3 col-md-6 tech-item col-lg-3-self"> 42 <div v-for="(item,index) in techData" :key="item" class="col-lg-3 col-md-6 tech-item col-lg-3-self">