index.js
3.24 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
import pageInit from "../../minixs/pageInit.js";
import {culturalValuesDatas,culturalDatas} from "../../../../assets/img/data/aboutData.js";
export default {
name: 'home',
template: '',
mixins:[pageInit],
components: {},
props: [],
setup(props, {attrs, slots, emit}) {
let culturalValuesData=Vue.ref(culturalValuesDatas());
let culturalData=Vue.ref(culturalDatas());
var imgs = [{
name:'质量管理体系认证证书',
path:'assets/img/about/certificate/1.png'
},{
name:'技术服务管理体系认证证书',
path:'assets/img/about/certificate/2.png'
},{
name:'连续性管理体系认证证书',
path:'assets/img/about/certificate/3.png'
},{
name:'信息安全管理体系认证证书',
path:'assets/img/about/certificate/4.png'
},{
path:'assets/img/about/certificate/5.png'
},{
path:'assets/img/about/certificate/6.png'
},{
path:'assets/img/about/certificate/7.png'
},{
path:'assets/img/about/certificate/8.png'
}];
let flag =Vue.ref(true);
let i=Vue.ref(0);
let MousewheelFun=(e)=>{
let hei=$('.wrap-container>section').first().outerHeight();
// 控制滑动一次
if(flag.value){
// 上滑
if(e.deltaY<0){
// 不能上滑了
if(i.value>0){
console.log(i)
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;
})
}
}
}
$('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');
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');
}
}
Vue.onMounted(() =>{
if(window.location.hash=='#/about'){
$('.footer-section').hide();
let html=`<section>
<footer class="footer-section pt-100 footer-section-about">`+$('.footer-section').html()+`</footer>
</section>`
$('.wrap-container').append(html)
}
})
return {
imgs,
culturalValuesData,
culturalData,
MousewheelFun,
flag,
i
}
}
}