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
        }

    }

}