tjshop/shop/static/js/main.js

//
//  $(".zskk-setmeal .zskk-content .zskk-title ul li").click(function() {
//     changeActive($(this).index());
// });
//
// function changeActive(index) {
//     $(".zskk-setmeal .zskk-content .zskk-title ul li").removeClass("zskk-active");
//     $(".zskk-setmeal .zskk-content .zskk-title ul li")
//         .eq(index)
//         .addClass("zskk-active");
//
//     $(".zskk-setmeal .zskk-content .zskk-title .zskk-info").css(
//         "display",
//         "none"
//     );
//     $(".zskk-setmeal .zskk-content .zskk-title .zskk-info")
//         .eq(index)
//         .css("display", "flex");
//     $(".zskk-setmeal .zskk-content .zskk-list").css("display", "none");
//     $(".zskk-setmeal .zskk-content .zskk-list")
//         .eq(index)
//         .css("display", "flex");
//     const lengthList = $(".zskk-setmeal .zskk-content .zskk-list")
//         .eq(index)
//         .children(".zskk-oneInfo").length;
//     if (lengthList === 0) {
//         $(".zskk-setmeal .zskk-content .zskk-list-not").css("display", "flex");
//     } else {
//         $(".zskk-setmeal .zskk-content .zskk-list-not").css("display", "none");
//     }
// }
// ;
// $(".zskk-newsinfo .zskk-infonav li").mouseover(function() {
//      changeNewsNav($(this).index());
//  });
//
//  function changeNewsNav(index) {
//      $(".zskk-newsinfo .zskk-infonav li").removeClass("zskk-active");
//      $(".zskk-newsinfo .zskk-infonav li")
//          .eq(index)
//          .addClass("zskk-active");
//      $(".zskk-newsinfo .zskk-content .zskk-news").css("display", "none");
//      $(".zskk-newsinfo .zskk-content .zskk-news")
//          .eq(index)
//          .css("display", "flex");
//  }
//
//  //动态信息部分
// changeNewsNav(0)
// changeActive(0);



changeActive(0);
$(".zskk-setmeal .zskk-content .zskk-title ul li").click(function() {
    changeActive($(this).index());
});

function changeActive(index) {
    $(".zskk-setmeal .zskk-content .zskk-title ul li").removeClass("zskk-active");
    $(".zskk-setmeal .zskk-content .zskk-title ul li")
        .eq(index)
        .addClass("zskk-active");

    $(".zskk-setmeal .zskk-content .zskk-title .zskk-info").css(
        "display",
        "none"
    );
    $(".zskk-setmeal .zskk-content .zskk-title .zskk-info")
        .eq(index)
        .css("display", "flex");
    $(".zskk-setmeal .zskk-content .zskk-list").css("display", "none");
    $(".zskk-setmeal .zskk-content .zskk-list")
        .eq(index)
        .css("display", "flex");
    const lengthList = $(".zskk-setmeal .zskk-content .zskk-list")
        .eq(index)
        .children(".zskk-oneInfo").length;
    if (lengthList === 0) {
        $(".zskk-setmeal .zskk-content .zskk-list-not").css("display", "flex");
    } else {
        $(".zskk-setmeal .zskk-content .zskk-list-not").css("display", "none");
    }
}

//动态信息部分
changeNewsNav(0);
$(".zskk-newsinfo .zskk-infonav li").mouseover(function() {
    changeNewsNav($(this).index());
});

function changeNewsNav(index) {
    $(".zskk-newsinfo .zskk-infonav li").removeClass("zskk-active");
    $(".zskk-newsinfo .zskk-infonav li")
        .eq(index)
        .addClass("zskk-active");
    $(".zskk-newsinfo .zskk-content .zskk-news").css("display", "none");
    $(".zskk-newsinfo .zskk-content .zskk-news")
        .eq(index)
        .css("display", "flex");
}

//二维码弹出
$(".zskk-header .zskk-weixin").mouseover(function() {
    $(".zskk-header .zskk-bigweixin").show();
});
//二维码弹出
$(".zskk-header .zskk-weixin").mouseout(function() {
    $(".zskk-header .zskk-bigweixin").hide();
});

function bannerChange(activeIndex) {
    $("#zskk-service .swiper-slide").each(function(index, element) {
        console.log('index > activeIndex', index , activeIndex)
        if (index > activeIndex) {
            $(element)
                .find("div")
                .css("left", "");
            $(element)
                .find("div")
                .css({ right: 0, "border-radius": "0 5px 5px 0" });
        } else {
            $(element)
                .find("div")
                .css("right", "");
            $(element)
                .find("div")
                .css({ left: 0, "border-radius": "5px 0 0 5px" });
        }
    });
}

//轮播图
setTimeout(function() {
    bannerChange(6);
}, 500);