index.js
2.89 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
import pageInit from "../../../minixs/pageInit.js";
import {securityLog} from "../../../../assets/img/data/serviceSecond.js";
export default {
name: 'securityLog',
template: '',
mixins:[pageInit],
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
let securityLogData=securityLog();
//页签高亮显示
let tabActive=Vue.ref(0);
//特点hover显示的图片
let characterImg=Vue.ref();
let setcharacter=()=>{
if(securityLogData.data && securityLogData.data.length>0){
securityLogData.data.map(item=>{
if(item.type=='character'){
characterImg.value=item.dataFour[0].img
}
})
}
}
setcharacter();
//优势hover高亮显示
let characterActive=Vue.ref(0);
//优势是否hover
let isMouseover=Vue.ref(false);
//优势鼠标移入事件
let showHover=(indexA)=>{
characterActive.value=indexA;
isMouseover.value=true;
if(securityLogData.data && securityLogData.data.length>0){
securityLogData.data.map(item=>{
if(item.type=='character'){
characterImg.value=item.dataFour[indexA].img
}
})
}
}
//优势鼠标移出事件
let hideHover=()=>{
characterActive.value=0;
isMouseover.value=false;
setcharacter();
}
//页签点击跳转到对应的目标
let goItemType=(type)=>{
let top=$("[data-type='"+type+"']").offset().top;
let total=top-100;
console.log("top",top,document.body.scrollTop,document.documentElement.scrollTop)
let distance = document.documentElement.scrollTop || document.body.scrollTop
//计算每一小段的距离
let step=total/6;
(function smoothDown (){
if(distance < total){
distance += step;
//移动一小段
document.body.scrollTop =distance;
document.documentElement.scrollTop = distance;
//设定每一次跳到的时间间隔为10ms
setTimeout(smoothDown,10)
}else{
//限制股东停止的距离
document.body.scrollTop = total;
document.documentElement.scrollTop = total;
}
})()
}
// 挂载完
Vue.onMounted(() => {
})
return {
characterImg,
securityLogData,
tabActive,
characterActive,
isMouseover,
showHover,
hideHover,
setcharacter,
goItemType
}
}
}