index.js
1.85 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
import pageInit from "../../../minixs/pageInit.js";
import {Information} from "../../../../assets/img/data/serviceSecond.js";
export default {
name: 'information',
template: '',
mixins:[pageInit],
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
let InformationData=Information();
//页签高亮显示
let tabActive=Vue.ref(0);
//优势hover显示的图片
let advantageImg=Vue.ref();
let setAdvantage=()=>{
if(InformationData.data && InformationData.data.length>0){
InformationData.data.map(item=>{
if(item.type=='advantage'){
advantageImg.value=item.dataSecond[0].img
}
})
}
}
setAdvantage();
//优势hover高亮显示
let advantageActive=Vue.ref(0);
//优势是否hover
let isMouseover=Vue.ref(false);
//优势鼠标移入事件
let showHover=(indexA)=>{
advantageActive.value=indexA;
isMouseover.value=true;
if(InformationData.data && InformationData.data.length>0){
InformationData.data.map(item=>{
if(item.type=='advantage'){
advantageImg.value=item.dataSecond[indexA].img
}
})
}
}
//优势鼠标移出事件
let hideHover=()=>{
advantageActive.value=0;
isMouseover.value=false;
setAdvantage();
}
// 挂载完
Vue.onMounted(() => {
})
return {
InformationData,
tabActive,
advantageImg,
advantageActive,
isMouseover,
showHover,
hideHover,
setAdvantage,
}
}
}