index.js
2.57 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
import pageInit from "../../minixs/pageInit.js";
import {homeDatas,compatibleDatas,techDatas,stepRoutes,logoDatas,principleDatas} from "../../../../assets/img/data/homeData.js";
export default {
name: 'home',
template: '',
mixins:[pageInit],
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
let homeData=homeDatas();
let isHover=Vue.ref(false);
let techData=Vue.ref(techDatas());
let stepRoute=stepRoutes();
let principleData=principleDatas();
//六步路线的hover
let stepActive=Vue.ref(0);
//六步路线hover事件
let showHover=(index)=>{
stepActive.value=index;
}
let hideHover=()=>{
stepActive.value=0;
}
//技术优势悬浮提示
let tooltipHover=(id)=>{
techData.value.map(item=>{
if(item.id==id){
item.isHover=true;
}
})
}
//技术优势鼠标离开事件
let tooltipLeave=()=>{
techData.value.map(item=>{
item.isHover=false;
})
}
//兼容认证logo数据
let compatibleActive=Vue.ref(0)
let logoData=Vue.ref(logoDatas());
let compatibleData=compatibleDatas();
let jumpSecond=(type)=>{
proxy.$router.push({path:'/'+type})
}
//认证hover事件
let showHoverCompatible=(index)=>{
compatibleActive.value=index;
}
let hideHoverCompatible=()=>{
// compatibleActive.value=0;
}
// 挂载完
Vue.onMounted(() => {
$('.owl-carousel').owlCarousel({
margin:10,
autoHeight:false,
//整数5幻灯片每页可见个数
items : 1,
//分页
dots : true,
touchDrag:true,
//循环
loop: true,
autoplay: true,//自动轮播
autoplayTimeout:5000, //轮播时间
});
})
return{
isHover,
tooltipHover,
tooltipLeave,
techData,
logoData,
compatibleData,
homeData,
principleData,
jumpSecond,
stepRoute,
stepActive,
showHover,
hideHover,
compatibleActive,
hideHoverCompatible,
showHoverCompatible
}
}
}