淘宝天猫详情头部推荐js

淘宝天猫详情头部推荐文件

Questo script non dovrebbe essere installato direttamente. È una libreria per altri script da includere con la chiave // @require https://update.greasyfork.org/scripts/441333/1026914/%E6%B7%98%E5%AE%9D%E5%A4%A9%E7%8C%AB%E8%AF%A6%E6%83%85%E5%A4%B4%E9%83%A8%E6%8E%A8%E8%8D%90js.js

if (
    host.indexOf("item.taobao") > -1 ||
    host.indexOf("detail.tmall") > -1
) {
    detailTopInit();
}
// 头部推荐初始化
function detailTopInit() {
    let html =
        "<div class='detail-top'>" +
        "<div class='tab-top'>" +
        "<ul>" +
        "<li class='get active'>相似比价</li>" +
        "<li>折上折</li>" +
        "<li>爆品推荐</li>" +
        "<li>历史新低</li>" +
        "<li>9.9包邮</li>" +
        "</ul>" +
        "</div>" +
        "<div class='tab-body'>" +
        "<ul class='zhe'>" +
        "<div class='swiper-container'>" +
        "<div class='swiper-wrapper'>" +
        "</div>" +
        "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "</div>" +
        "</ul>" +
        "<ul class='zhe'>" +
        "<div class='swiper-container'>" +
        "<div class='swiper-wrapper'>" +
        "</div>" +
        "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "</div>" +
        "</ul>" +
        "<ul class='rec'>" +
        "<div class='swiper-container'>" +
        "<div class='swiper-wrapper'>" +
        "</div>" +
        "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "</div>" +
        "</ul>" +
        "<ul class='his'>" +
        "<div class='swiper-container'>" +
        "<div class='swiper-wrapper'>" +
        "</div>" +
        "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "</div>" +
        "</ul>" +
        "<ul class='nine'>" +
        "<div class='swiper-container'>" +
        "<div class='swiper-wrapper'>" +
        "</div>" +
        "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
        "</div>" +
        "</ul>" +
        "</div>" +
        "</div>";
    $("#detail").prepend(html);
    let params = {
        appkey: config.zhetaoke.appkey,
        item_id: id,
        page_size: 20,
    };
    let url =
        "https://api.zhetaoke.com:10001/api/open_item_guess_like.ashx";
    dtd(url, params, addDetailTop, 0);
    topTabClick();
}
// 选项卡点击
function topTabClick() {
    $(".detail-top li").click(function () {
        let index = $(this).index();
        $(".detail-top li").removeClass("active");
        $(this).addClass("active");
        $(".detail-top .tab-body ul").hide();
        $(".detail-top .tab-body ul").eq(index).show();
        if (!$(this).hasClass("get")) {
            if (index === 0) {
                let params = {
                    appkey: config.zhetaoke.appkey,
                    item_id: id,
                    page_size: 20,
                };
                let url =
                    "https://api.zhetaoke.com:10001/api/open_item_guess_like.ashx";
                dtd(url, params, addDetailTop, index);
            } else if (index === 1) {
                let params = {
                    appKey: "5cfe247e623ce",
                    version: "v1.0.0",
                    pageSize: "20",
                    pageId: "1",
                };
                params.sign = makeSign(params);
                let url =
                    "https://openapi.dataoke.com/api/goods/super-discount-goods";
                dtd(url, params, addDetailTop, index);
            } else if (index === 2) {
                let params = {
                    appKey: "5cfe247e623ce",
                    version: "v1.0.0",
                    pageSize: "20",
                    pageId: "1",
                };
                params.sign = makeSign(params);
                let url =
                    "https://openapi.dataoke.com/api/goods/explosive-goods-list";
                dtd(url, params, addDetailTop, index);
            } else if (index === 3) {
                let params = {
                    appKey: "5cfe247e623ce",
                    version: "v1.0.0",
                    pageSize: "20",
                    pageId: "1",
                };
                params.sign = makeSign(params);
                let url =
                    "https://openapi.dataoke.com/api/goods/get-history-low-price-list";
                dtd(url, params, addDetailTop, index);
            } else if (index === 4) {
                let params = {
                    appKey: "5cfe247e623ce",
                    version: "v2.0.0",
                    pageSize: "20",
                    pageId: "1",
                    nineCid: "2",
                };
                params.sign = makeSign(params);
                let url =
                    "https://openapi.dataoke.com/api/goods/nine/op-goods-list";
                dtd(url, params, addDetailTop, index);
            }
        }
        $(this).addClass("get");
    });
}
// 插入HTML
function addDetailTop(res, val) {
    let list = [];
    if (val === 0) {
        list = JSON.parse(res).content;
    } else {
        list = res.data.list;
    }
    list.forEach((item, index) => {
        let itemLink = "";
        let mainPic = "";
        let actualPrice = "";
        let monthSales = "";
        let title = "";
        let coupon = "";
        if (val === 0) {
            itemLink = item.item_url;
            mainPic = item.pict_url;
            actualPrice = item.quanhou_jiage;
            monthSales = item.volume;
            title = item.tao_title;
            coupon = item.coupon_info;
        } else {
            itemLink = item.itemLink;
            mainPic = item.mainPic;
            actualPrice = item.actualPrice;
            monthSales = item.monthSales;
            title = item.title;
            coupon =
                "满" +
                item.couponConditions +
                "元减" +
                item.couponPrice;
        }
        let html =
            "<div class='swiper-slide'>" +
            "<li>" +
            "<a data-val='" +
            val +
            "' href='" +
            itemLink +
            "'target='_blank' >" +
            "<div class='items'>" +
            "<div class='pic'>" +
            "<img src='" +
            mainPic +
            "' alt=''>" +
            "</div>" +
            "<div class='info'>" +
            "<div class='row'>" +
            "<div class='price'>" +
            "<span>¥</span>" +
            "<strong>" +
            actualPrice +
            "</strong>" +
            "</div>" +
            "<div class='deal-cnt'>" +
            monthSales +
            "人付款</div>" +
            "</div>" +
            "<div class='title'>" +
            title +
            "</div>" +
            "</div>" +
            "<div class='top-coupon'>" +
            "<p>" +
            coupon +
            "</p>" +
            "</div>" +
            "</div>" +
            "</a>" +
            "</li>" +
            "</div>";
        $(".detail-top .tab-body ul")
            .eq(val)
            .find(".swiper-wrapper")
            .append(html);
        var mySwiper = new Swiper(".swiper-container", {
            slidesPerView: 5,
            slidesPerGroup: 5,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
    });
    $(".detail-top .tab-body li a").click(function () {
        let type = Number($(this).attr("data-val")) + 1;
        $.get("https://api.ergirl.com/tRecType?type=" + type);
    });
}