index.js
4.91 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
export default {
name: 'home',
template: '',
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
let isHover=Vue.ref(false);
let techData=Vue.ref([]);
for(let i=1;i<6;i++){
techData.value.push({
id:i,
isHover:false
})
}
//技术优势悬浮提示
let tooltipHover=(row)=>{
techData.value.map(item=>{
if(item.id==row.id){
item.isHover=true;
}
})
}
//技术优势鼠标离开事件
let tooltipLeave=()=>{
techData.value.map(item=>{
item.isHover=false;
})
}
//兼容认证logo数据
let logoData=Vue.ref([
{
id:'1',
logoUrl:'logo-dong'
},
{
id:'2',
logoUrl:'logo-da'
},
{
id:'3',
logoUrl:'logo-nan'
},
{
id:'4',
logoUrl:'logo-ren'
},
{
id:'5',
logoUrl:'logo-tong'
}
])
let compatibleData=Vue.ref([
{
id:'1',
logoUrl:'logo-dong',
urlName:'dong',
content:'东方通应用服务器软件TongWeb V7.0 产品,是由东方通推出的遵循JavaEE7规范的企业级应用服务器,不仅为企业应用提供了可靠、可伸缩、可管理和高安全的基础平台,同时具有功能完善、支持开放标准和基于组件开发、多层架构、轻量等特点。'
},
{
id:'2',
logoUrl:'logo-da',
urlName:'da',
content:'达梦数据库管理系统V8(简称DM8)融合了分布式、弹性计算与云计算的优势,多样化架构充分满足不同场景需求,支持超大规模并发事务处理和事务-分析混合型业务处理,动态分配计算资源,实现更精细化的资源利用、更低成本的投入。'
},
{
id:'3',
logoUrl:'logo-nan',
urlName:'nan',
content:'南大通用大规模分布式并行数据库集群系统[简称:GBase 8a MPP Cluster] 是基于 GBase 8a 列存储数据库的一款 Shared Nothing 架构的分布式并行分析型数据库集群,具备高性能、高可用、高扩展特性,可以为超大规模数据管理提供高性价比的通用计算平台。'
},
{
id:'4',
logoUrl:'logo-ren',
urlName:'ren',
content:'金仓数据库管理系统KingbaseES是面向事务处理类、兼顾分析类应用领域的通用数据库产品,致力于解决高安全、高并发、高可靠数据存储计算问题,是一款为企事业单位等管理信息系统、业务系统量身打造,具有高成熟度的数据库产品。'
},
{
id:'5',
logoUrl:'logo-tong',
urlName:'tong',
content:'统信服务器操作系统V20是一款用于构建信息化基础设施环境的平台级软件,是款体现当今主流 Linux 服务器操作系统发展水平的商业化软件产品。着重解决客户在信息化基础建设过程中,服务端基础设施的安装部署、运行维护、应用支撑等需求,具有极高的可靠性、持久的可用性、优良的可维护性。'
}
])
// 挂载完
Vue.onMounted(() => {
$('.team-carousel').owlCarousel({
loop:true,
items: 1,
margin: 20,
nav: false,
dots: true,
active: true,
dotsEach: 2,
smartSpeed: 1000,
autoplay: 5000,
// navText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
dotsText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
responsive: {
/* 0: {
items: 1,
},
575: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 3,
},
1200: {
items: 3,
}*/
}
});
})
return{
isHover,
tooltipHover,
tooltipLeave,
techData,
logoData,
compatibleData
}
}
}