Blame view

website/src/views/home/index.js 2.57 KB
wangtao authored
1
import pageInit from "../../minixs/pageInit.js";
2
import {homeDatas,compatibleDatas,techDatas,stepRoutes,logoDatas,principleDatas} from  "../../../../assets/img/data/homeData.js";
3 4 5
export default {
    name: 'home',
    template: '',
wangtao authored
6
    mixins:[pageInit],
7 8 9
    components: {},
    props: [],
    setup(props, {attrs, slots, emit}) {
10
        const {proxy} = Vue.getCurrentInstance();
11
        let homeData=homeDatas();
12
        let isHover=Vue.ref(false);
13 14
        let techData=Vue.ref(techDatas());
        let stepRoute=stepRoutes();
15
        let principleData=principleDatas();
16 17 18 19 20 21 22 23
        //六步路线的hover
        let stepActive=Vue.ref(0);
        //六步路线hover事件
        let showHover=(index)=>{
            stepActive.value=index;
        }
        let hideHover=()=>{
            stepActive.value=0;
24 25
        }
        //技术优势悬浮提示
26
        let tooltipHover=(id)=>{
27
            techData.value.map(item=>{
28
                if(item.id==id){
29 30 31 32 33 34 35 36 37 38 39
                    item.isHover=true;
                }
            })
        }
        //技术优势鼠标离开事件
        let tooltipLeave=()=>{
            techData.value.map(item=>{
                    item.isHover=false;
            })
        }
        //兼容认证logo数据
40 41 42 43 44 45 46 47 48 49 50 51 52
        let compatibleActive=Vue.ref(0)
        let logoData=Vue.ref(logoDatas());
        let compatibleData=compatibleDatas();
        let jumpSecond=(type)=>{
            proxy.$router.push({path:'/'+type})
        }
        //认证hover事件
        let showHoverCompatible=(index)=>{
            compatibleActive.value=index;
        }
        let hideHoverCompatible=()=>{
            // compatibleActive.value=0;
        }
53
        // 挂载完
wangtao authored
54 55 56 57 58 59 60 61 62 63 64
        Vue.onMounted(() => {
            $('.owl-carousel').owlCarousel({
                margin:10,
                autoHeight:false,
                //整数5幻灯片每页可见个数
                items : 1,
                //分页
                dots : true,
                touchDrag:true,
                //循环
                loop: true,
65
                autoplay: true,//自动轮播
66
                autoplayTimeout:5000, //轮播时间
wangtao authored
67 68
            });
        })
wangtao authored
69
70 71 72 73 74 75
        return{
            isHover,
            tooltipHover,
            tooltipLeave,
            techData,
            logoData,
76 77
            compatibleData,
            homeData,
78
            principleData,
79 80 81 82 83 84 85 86
            jumpSecond,
            stepRoute,
            stepActive,
            showHover,
            hideHover,
            compatibleActive,
            hideHoverCompatible,
            showHoverCompatible
87
        }
88 89 90
    }

}