☰

Greasy Fork镜像 支持简体中文。

淘宝天猫详情头部推荐js

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

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.gf.qytechs.cn/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 

  1. if (
  2.     host.indexOf("item.taobao") > -1 ||
  3.     host.indexOf("detail.tmall") > -1
  4. ) {
  5.     detailTopInit();
  6. }
  7. // 头部推荐初始化
  8. function detailTopInit() {
  9.     let html =
  10.         "<div class='detail-top'>" +
  11.         "<div class='tab-top'>" +
  12.         "<ul>" +
  13.         "<li class='get active'>相似比价</li>" +
  14.         "<li>折上折</li>" +
  15.         "<li>爆品推荐</li>" +
  16.         "<li>历史新低</li>" +
  17.         "<li>9.9包邮</li>" +
  18.         "</ul>" +
  19.         "</div>" +
  20.         "<div class='tab-body'>" +
  21.         "<ul class='zhe'>" +
  22.         "<div class='swiper-container'>" +
  23.         "<div class='swiper-wrapper'>" +
  24.         "</div>" +
  25.         "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  26.         "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  27.         "</div>" +
  28.         "</ul>" +
  29.         "<ul class='zhe'>" +
  30.         "<div class='swiper-container'>" +
  31.         "<div class='swiper-wrapper'>" +
  32.         "</div>" +
  33.         "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  34.         "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  35.         "</div>" +
  36.         "</ul>" +
  37.         "<ul class='rec'>" +
  38.         "<div class='swiper-container'>" +
  39.         "<div class='swiper-wrapper'>" +
  40.         "</div>" +
  41.         "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  42.         "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  43.         "</div>" +
  44.         "</ul>" +
  45.         "<ul class='his'>" +
  46.         "<div class='swiper-container'>" +
  47.         "<div class='swiper-wrapper'>" +
  48.         "</div>" +
  49.         "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  50.         "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  51.         "</div>" +
  52.         "</ul>" +
  53.         "<ul class='nine'>" +
  54.         "<div class='swiper-container'>" +
  55.         "<div class='swiper-wrapper'>" +
  56.         "</div>" +
  57.         "<div class='swiper-button-prev' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  58.         "<div class='swiper-button-next' style='width:45px;height:100px;color: #f40;margin-top:-50px;background:rgba(0,0,0,0.4)''></div>" +
  59.         "</div>" +
  60.         "</ul>" +
  61.         "</div>" +
  62.         "</div>";
  63.     $("#detail").prepend(html);
  64.     let params = {
  65.         appkey: config.zhetaoke.appkey,
  66.         item_id: id,
  67.         page_size: 20,
  68.     };
  69.     let url =
  70.         "https://api.zhetaoke.com:10001/api/open_item_guess_like.ashx";
  71.     dtd(url, params, addDetailTop, 0);
  72.     topTabClick();
  73. }
  74. // 选项卡点击
  75. function topTabClick() {
  76.     $(".detail-top li").click(function () {
  77.         let index = $(this).index();
  78.         $(".detail-top li").removeClass("active");
  79.         $(this).addClass("active");
  80.         $(".detail-top .tab-body ul").hide();
  81.         $(".detail-top .tab-body ul").eq(index).show();
  82.         if (!$(this).hasClass("get")) {
  83.             if (index === 0) {
  84.                 let params = {
  85.                     appkey: config.zhetaoke.appkey,
  86.                     item_id: id,
  87.                     page_size: 20,
  88.                 };
  89.                 let url =
  90.                     "https://api.zhetaoke.com:10001/api/open_item_guess_like.ashx";
  91.                 dtd(url, params, addDetailTop, index);
  92.             } else if (index === 1) {
  93.                 let params = {
  94.                     appKey: "5cfe247e623ce",
  95.                     version: "v1.0.0",
  96.                     pageSize: "20",
  97.                     pageId: "1",
  98.                 };
  99.                 params.sign = makeSign(params);
  100.                 let url =
  101.                     "https://openapi.dataoke.com/api/goods/super-discount-goods";
  102.                 dtd(url, params, addDetailTop, index);
  103.             } else if (index === 2) {
  104.                 let params = {
  105.                     appKey: "5cfe247e623ce",
  106.                     version: "v1.0.0",
  107.                     pageSize: "20",
  108.                     pageId: "1",
  109.                 };
  110.                 params.sign = makeSign(params);
  111.                 let url =
  112.                     "https://openapi.dataoke.com/api/goods/explosive-goods-list";
  113.                 dtd(url, params, addDetailTop, index);
  114.             } else if (index === 3) {
  115.                 let params = {
  116.                     appKey: "5cfe247e623ce",
  117.                     version: "v1.0.0",
  118.                     pageSize: "20",
  119.                     pageId: "1",
  120.                 };
  121.                 params.sign = makeSign(params);
  122.                 let url =
  123.                     "https://openapi.dataoke.com/api/goods/get-history-low-price-list";
  124.                 dtd(url, params, addDetailTop, index);
  125.             } else if (index === 4) {
  126.                 let params = {
  127.                     appKey: "5cfe247e623ce",
  128.                     version: "v2.0.0",
  129.                     pageSize: "20",
  130.                     pageId: "1",
  131.                     nineCid: "2",
  132.                 };
  133.                 params.sign = makeSign(params);
  134.                 let url =
  135.                     "https://openapi.dataoke.com/api/goods/nine/op-goods-list";
  136.                 dtd(url, params, addDetailTop, index);
  137.             }
  138.         }
  139.         $(this).addClass("get");
  140.     });
  141. }
  142. // 插入HTML
  143. function addDetailTop(res, val) {
  144.     let list = [];
  145.     if (val === 0) {
  146.         list = JSON.parse(res).content;
  147.     } else {
  148.         list = res.data.list;
  149.     }
  150.     list.forEach((item, index) => {
  151.         let itemLink = "";
  152.         let mainPic = "";
  153.         let actualPrice = "";
  154.         let monthSales = "";
  155.         let title = "";
  156.         let coupon = "";
  157.         if (val === 0) {
  158.             itemLink = item.item_url;
  159.             mainPic = item.pict_url;
  160.             actualPrice = item.quanhou_jiage;
  161.             monthSales = item.volume;
  162.             title = item.tao_title;
  163.             coupon = item.coupon_info;
  164.         } else {
  165.             itemLink = item.itemLink;
  166.             mainPic = item.mainPic;
  167.             actualPrice = item.actualPrice;
  168.             monthSales = item.monthSales;
  169.             title = item.title;
  170.             coupon =
  171.                 "满" +
  172.                 item.couponConditions +
  173.                 "元减" +
  174.                 item.couponPrice;
  175.         }
  176.         let html =
  177.             "<div class='swiper-slide'>" +
  178.             "<li>" +
  179.             "<a data-val='" +
  180.             val +
  181.             "' href='" +
  182.             itemLink +
  183.             "'target='_blank' >" +
  184.             "<div class='items'>" +
  185.             "<div class='pic'>" +
  186.             "<img src='" +
  187.             mainPic +
  188.             "' alt=''>" +
  189.             "</div>" +
  190.             "<div class='info'>" +
  191.             "<div class='row'>" +
  192.             "<div class='price'>" +
  193.             "<span>￥</span>" +
  194.             "<strong>" +
  195.             actualPrice +
  196.             "</strong>" +
  197.             "</div>" +
  198.             "<div class='deal-cnt'>" +
  199.             monthSales +
  200.             "人付款</div>" +
  201.             "</div>" +
  202.             "<div class='title'>" +
  203.             title +
  204.             "</div>" +
  205.             "</div>" +
  206.             "<div class='top-coupon'>" +
  207.             "<p>" +
  208.             coupon +
  209.             "</p>" +
  210.             "</div>" +
  211.             "</div>" +
  212.             "</a>" +
  213.             "</li>" +
  214.             "</div>";
  215.         $(".detail-top .tab-body ul")
  216.             .eq(val)
  217.             .find(".swiper-wrapper")
  218.             .append(html);
  219.         var mySwiper = new Swiper(".swiper-container", {
  220.             slidesPerView: 5,
  221.             slidesPerGroup: 5,
  222.             navigation: {
  223.                 nextEl: ".swiper-button-next",
  224.                 prevEl: ".swiper-button-prev",
  225.             },
  226.         });
  227.     });
  228.     $(".detail-top .tab-body li a").click(function () {
  229.         let type = Number($(this).attr("data-val")) + 1;
  230.         $.get("https://api.ergirl.com/tRecType?type=" + type);
  231.     });
  232. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址