index.html
2.69 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<section class="hero-section rel rpt-150 rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo l-70 t-60">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</section>
<section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
<div class="mb-2 title-style-top">运维数字化道路，鸿果与你同行</div>
<div class="mb-2 pt-30 title-intro-top">鸿果自研的产品--数字运维中台</div>
<div class="mb-2 title-intro-top pt-10">作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务</div>
</section>
<section class=" rel" style="height: 100px">
<div class="container">
<h2 class="page-title">产品中心</h2>
</div>
</section>
<section class="sps-one product pt-50 mb-90 rmb-100 product-section" v-for="(item,index) in productData">
<div class="container ">
<div class="row align-items-center">
<div :class="['col-lg-6','product-item', {'order-lg-2':(index+1)%2==1}]">
<div :class="[{'service-right-content':(index+1)%2==1,'service-left-content':(index+1)%2==0, 'mt-50':(index+1)%2==1, 'ml-50':(index+1)%2==1,'mr-50':(index+1)%2==0},'product-bg','product-bg-'+(index+1), 'rml-0', 'rmb-50', 'wow', {'customFadeInRight':(index+1)%2==1,'customFadeInLeft':(index+1)%2==0}, 'delay-0-1s', 'slow']">
<div class="section-title style-three mb-15">
<span class="product-title cursor-pointer" @click="jumpSecond(item.type)">{{item.title}}<!--综合告警智能算法平台--></span>
</div>
<div :class="['product-intro'],{'pt-30':!item.introData || item.introData.length==0}">
{{item.introduction}}
</div>
<ol class="pt-20">
<li v-for="itemI in item.introData" class="product-intro-li"><span class="circle-product"></span>{{itemI}}</li>
</ol>
</div>
</div>
<div class="col-lg-6 product-item" @click="jumpSecond(item.type)">
<div :class="[{'service-left-image':(index+1)%2==1,'service-right-image':(index+1)%2==0}, 'wow', {'customFadeInLeft':(index+1)%2==1,'customFadeInRight':(index+1)%2==0}, 'delay-0-1s', 'slow']">
<img :src="'assets/img/services/p'+(index+1)+'.png'" style="border-radius: 10px;">
</div>
</div>
</div>
</div>
</section>