index.js
3.37 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
import pageInit from "../../minixs/pageInit.js";
import {culturalValuesDatas,culturalDatas,imgsDatas} from "../../../../assets/img/data/aboutData.js";
export default {
name: 'home',
template: '',
mixins:[pageInit],
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
let culturalValuesData=Vue.ref(culturalValuesDatas());
let culturalData=Vue.ref(culturalDatas());
var imgs = Vue.ref(imgsDatas());
let flag =Vue.ref(true);
let i=Vue.ref(0);
let MousewheelFun=(e)=>{
let hei=$('.wrap-container>section').first().outerHeight();
$('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');
// 控制滑动一次
if(flag.value){
// 上滑
if(e.deltaY<0){
// 不能上滑了
if(i.value>0){
i.value--;
flag.value = false;
$('.wrap-container').animate({top:-i.value*hei},1000,function(){
flag.value=true;
})
}
}//下滑
else{
// 这个if让它不能让下继续滑动
if(i.value<7){
i.value++;
flag.value = false;
$('.wrap-container').animate({top:-i.value*hei},1000,function(){
flag.value=true;
})
}
}
}
setNavStyle();
}
// 设置导航的样式
let setNavStyle=()=>{
if(i.value==2 || i.value==4 || i.value==6){
$('.navigation').removeClass('navigation-white');
$('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
}else{
$('.navigation').addClass('navigation-white');
$('.logo-outer .hg-logo').attr('src','assets/img/logo-footer.png');
}
}
//联系方式是否出现
let isConcat=Vue.ref(false);
//设置从footer进入页面的显示位置
let setFormFooter=(item)=>{
let id=proxy.$route.params.id;
if(item){
id=item;
}
if(id){
i.value=id;
let hei=$('.wrap-container>section').first().outerHeight();
flag.value = false;
$('.wrap-container').animate({top:-i.value*hei},1000,function(){
flag.value=true;
})
setTimeout(function (){
$('.wrap-container section:nth-child('+(Number(i.value)+1)+') .wow').removeAttr('style');
$('.about-widget-content li a').unbind('click.about').on('click.about',function (){
setFormFooter($(this).data('id'));
})
setNavStyle()
},300)
}
}
Vue.onMounted(() =>{
setFormFooter();
})
return {
imgs,
culturalValuesData,
culturalData,
MousewheelFun,
flag,
i,
isConcat,
setNavStyle,
setFormFooter
}
}
}