import pageInit from "../../../minixs/pageInit.js";
import {Information} from "../../../../assets/img/data/serviceSecond.js";
export default {
    name: 'information',
    template: '',
    mixins:[pageInit],
    components: {},
    props: [],
    setup(props, {attrs, slots, emit}) {
        let InformationData=Information();
        //页签高亮显示
        let tabActive=Vue.ref(0);
        //优势hover显示的图片
        let advantageImg=Vue.ref();
        let setAdvantage=()=>{
            if(InformationData.data && InformationData.data.length>0){
                InformationData.data.map(item=>{
                    if(item.type=='advantage'){
                        advantageImg.value=item.dataSecond[0].img
                    }
                })
            }
        }
        setAdvantage();
        //优势hover高亮显示
        let advantageActive=Vue.ref(0);
        //优势是否hover
        let isMouseover=Vue.ref(false);
        //优势鼠标移入事件
        let showHover=(indexA)=>{
            advantageActive.value=indexA;
            isMouseover.value=true;
            if(InformationData.data && InformationData.data.length>0){
                InformationData.data.map(item=>{
                    if(item.type=='advantage'){
                        advantageImg.value=item.dataSecond[indexA].img
                    }
                })
            }
        }
        //优势鼠标移出事件
        let hideHover=()=>{
            advantageActive.value=0;
            isMouseover.value=false;
            setAdvantage();
        }
        // 挂载完
        Vue.onMounted(() => {

        })

        return {
            InformationData,
            tabActive,
            advantageImg,
            advantageActive,
            isMouseover,
            showHover,
            hideHover,
            setAdvantage,
        }
    }

}