1!function(i){function n(t){if(e[t])return e[t].exports;var c=e[t]={exports:{},id:t,loaded:!1};return i[t].call(c.exports,c,c.exports,n),c.loaded=!0,c.exports}var e={};return n.m=i,n.c=e,n.p="/content/",n(0)}({0:function(i,n,e){i.exports=e(17)},17:function(i,n){"use strict";function e(){function i(){clearInterval(n),n=setInterval(function(){e.swipeNext()},6e3)}var n=null,e=new Swiper(".swiper-container",{speed:800,loop:!0,lazyLoading:!0,pagination:".swiper-pagination",paginationClickable:!0,calculateHeight:!0});$(".contain .swiper-container,.swiper-pagination").hover(function(){clearInterval(n)},function(){i()}),i(),$(".swiper-button-prev").click(function(){e.swipePrev()}),$(".swiper-button-next").click(function(){e.swipeNext()})}function t(){function i(){n=setInterval(function(){e.swipeNext()},6e3)}var n=null,e=new Swiper(".mobile_contain_swiper",{speed:600,loop:!0,pagination:".mobile_contain_current",paginationActiveClass:"mobile-active-switch",paginationElementClass:"swiper-mobile-switch",paginationClickable:!0,calculateHeight:!0});i()}function c(){var i=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,n=!1,c=!1;i>1e3&&!n&&(e(),n=!0),i<1050&&!c&&(t(),c=!0),window.onresize=function(){var i=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;i>1e3&&!n&&(e(),n=!0),i<1050&&!c&&(t(),c=!0)}}function s(){var i=0;if(document.body.clientHeight&&document.documentElement.clientHeight)var i=document.body.clientHeight<document.documentElement.clientHeight?document.body.clientHeight:document.documentElement.clientHeight;else var i=document.body.clientHeight>document.documentElement.clientHeight?document.body.clientHeight:document.documentElement.clientHeight;return i}var a=$(".contain"),o=indexData.pc,d=indexData.m,l="";l='\n <div class="swiper-container">\n <div class="swiper-wrapper">\n '+o.swiperList.map(function(i,n){return'\n <div class="swiper-slide">\n <a href="'+i.link+' ">\n <picture>\n <source media="(max-width: 1024px)" type="image/webp" srcset="'+d.swiperList[n].img+'">\n <source media="(max-width: 1920px)" srcset="'+i.img+"?x-oss-process=image/resize,w_1920,m_lfit/quality,Q_100, "+i.img+' 2x">\n <img src="'+i.img+'" alt>\n </picture>\n <div class="swiper-slide-title'+(i.titleMode?" dark":"")+'">\n <p class="swiper-slide-title1">'+i.title1+'</p>\n <p class="swiper-slide-title2" style="margin-left:'+(i.title2&&"â"==i.title2[0]?"-0.3vw":"0")+'">'+i.title2+'</p>\n </div>\n <div class="swiper-slide-bottom" style="'+(""==i.moreLink?"display:none":"")+'">\n <a href="'+i.moreLink+'" class="swiper-slide-more '+(i.moreMode?i.moreMode:"")+'">äºè§£æ´å¤</a>\n </div>\n '+(i.html?i.html:"")+"\n </a>\n </div>\n "}).join("")+'\n </div>\n <div class="swiper-button-prev"></div>\n <div class="swiper-button-next"></div>\n </div>\n <div class="swiper-pagination"></div>\n <div class="contain_contain">\n <div class="contain_contain_all">\n <div class="contain_contain_title" style="line-height:1.875rem">çé¨æ¡ä¾</div>\n <a href="https://solution.tp-link.com.cn/case" class="contain_contain_case_more">æ¥çæ´å¤æ¡ä¾</a>\n <div class="contain_contain_case">\n '+o.successCaseList.map(function(i,n){switch(i.type){case"first":return'\n <div class="contain_contain_case_first" onclick="window.location.href=\''+i.inf[0].link+'\'">\n <div class="cccf_picture">\n <picture>\n <source media="(max-width: 1024px)" type="image/webp"\n srcset="'+d.successCaseList[n].inf[0].img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100">\n <source media="(max-width: 1920px)" type="image/webp"\n srcset="'+i.inf[0].img+"?x-oss-process=image/resize,w_820,m_lfit/format,webp, "+i.inf[0].img+'?x-oss-process=image/format,webp 2x">\n <img class="cccf_picture_img"\n src="'+i.inf[0].img+'" />\n </picture>\n '+i.inf[0].area_links_pc.map(function(i){return'<a href="'+i.link+'" style="position: absolute; top:'+i.top+";left:"+i.left+";width:"+i.width+"; height:"+i.height+'; z-index: 10;"></a>'}).join("")+'\n </div>\n <div class="cccf_contain">\n <div class="cccf_contain_title">\n '+i.inf[0].title+'\n </div>\n <div class="cccf_contain_content" style="'+(i.inf[0].title&&i.inf[0].title.length>0?"":"margin-top: 0")+'">'+i.inf[0].content+'</div>\n <div class="cccf_contain_qrcode" style="'+(i.inf[0].qrcode&&i.inf[0].qrcode.length>0?"":"display:none")+'">\n <img src="'+i.inf[0].qrcode+'" alt="" />\n <div class="cccf_contain_qrcode_scan">æ«ç é¢çº¦</div>\n </div>\n <div class="cccf_contain_more1" style="'+(i.inf[0].isMore?"":"display:none")+'">\n <div class="cccf_contain_more">\n <div>äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_blue.png" />\n </div>\n </div>\n </div>\n </div>\n ';case"second":return'\n <div class="contain_contain_case_second">\n <a class="cccs_left" style="width: '+i.width+';"\n href="'+i.inf[0].link+'">\n <div class="cccs_left_picture">\n <picture>\n <source media="(max-width: 1024px)" '+(i.inf[0].nolazy?"":'type = "image/webp"')+'\n srcset="'+d.successCaseList[n].inf[0].img+(i.inf[0].nolazy?"":"?x-oss-process=image/resize,p_90/format,webp/quality,Q_100")+'">\n <source media="(max-width: 1920px)" '+(i.inf[0].nolazy?"":'type = "image/webp"')+'\n srcset="'+i.inf[0].img+(i.inf[0].nolazy?"":"?x-oss-process=image/resize,w_"+i.inf[0].width+",m_lfit/format,webp")+'">\n <source '+(i.inf[0].nolazy?"":'type = "image/webp"')+'\n srcset="'+i.inf[0].img+(i.inf[0].nolazy?"":"?x-oss-process=image/format,webp")+'">\n <img class="cccs_left_picture_img"\n src="'+i.inf[0].img+'" />\n </picture>\n </div>\n <div class="cccs_left_contain">\n <div class="cccs_left_contain_top">\n <div class="cccs_left_contain_title">\n '+i.inf[0].title+'\n </div>\n <div class="cccs_left_contain_content">'+i.inf[0].content+'</div>\n </div>\n <div class="cccs_left_contain_bottom">\n <div>äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_blue.png" />\n </div>\n </div>\n </a>\n <a class="cccs_right"\n href="'+i.inf[1].link+'">\n <div class="cccs_right_picture">\n <picture>\n <source media="(max-width: 1024px)" '+(i.inf[1].nolazy?"":'type = "image/webp"')+'\n srcset="'+d.successCaseList[n].inf[1].img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100">\n <source media="(max-width: 1920px)" '+(i.inf[1].nolazy?"":'type = "image/webp"')+'\n srcset="'+i.inf[1].img+(i.inf[0].nolazy?"":"?x-oss-process=image/resize,w_"+i.inf[1].width+",m_lfit/format,webp")+'">\n <img class="cccs_right_picture_img"\n src="'+i.inf[1].img+'" />\n </picture>\n </div>\n <div class="cccs_right_contain">\n <div class="cccs_right_contain_top">\n <div class="cccs_right_contain_title">\n '+i.inf[1].title+'\n </div>\n <div class="cccs_right_contain_content">'+i.inf[1].content+'</div>\n </div>\n <div class="cccs_right_contain_bottom">\n <div>äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_blue.png" />\n </div>\n </div>\n </a>\n </div>\n '}}).join("")+'\n </div>\n <div class="contain_contain_img">\n '+('\n <picture>\n <source media="(max-width: 1024px)" '+(d.imgAdv.nolazy?"":'type = "image/webp"')+'"\n srcset="'+d.imgAdv.img+'">\n <source media="(max-width: 1920px)"\n srcset="'+o.imgAdv.img+"?x-oss-process=image/resize,w_1920,m_lfit/quality,Q_100, "+o.imgAdv.img+' 2x">\n <img style="width: 100%;"\n src="'+o.imgAdv.img+'" />\n </picture>\n <div class="contain_contain_img_title">\n '+o.imgAdv.title+'\n </div>\n <div class="contain_contain_img_detail">\n '+o.imgAdv.content+'\n </div>\n <div class="contain_contain_div_more" style="'+(o.imgAdv.bottom?"bottom:"+o.imgAdv.bottom:"")+(o.imgAdv.moreLink?";display:block;":";display:none;")+'">\n <a class="contain_contain_img_more '+("dark"==o.imgAdv.mode?"dark":"")+'" style="'+("dark"==o.imgAdv.mode?"border-color:#000":"")+'"\n href="'+o.imgAdv.moreLink+'">\n <div style="pointer-events: none;line-height: 100%;'+("dark"==o.imgAdv.mode?"color:#000":"")+'">äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_'+("dark"==o.imgAdv.mode?"black":"white")+'.png" />\n </a>\n </div>\n '+(o.imgAdv.html?o.imgAdv.html:"")+"\n ")+'\n </div>\n <div style="display: block;overflow: hidden;width: 100%;background-color: #fff;display: flex;align-items: center;flex-direction: column;">\n <div class="contain_contain_news">\n '+o.newsLink.map(function(i,n){return'\n <a class="contain_contain_news_item"'+(n%3==2?' style="margin-right: 0;" ':"")+'\n href="'+i.link+'">\n <div class="ccni_picture">\n <picture>\n <source media="(max-width: 1024px)" type="image/webp"\n srcset="'+d.newsLink[n].img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100">\n <source media="(max-width: 1920px)" type="image/webp"\n srcset="'+i.img+'?x-oss-process=image/resize,w_456,m_lfit/format,webp">\n <source type="image/webp"\n srcset="'+i.img+'?x-oss-process=image/format,webp">\n <img class="ccni_picture_img"\n src="'+i.img+'" />\n </picture>\n </div>\n <div class="ccni_contain">\n <div class="ccni_contain_title">\n '+i.title+'\n </div>\n <div class="ccni_contain_content">'+i.content+"</div>\n </div>\n </a>"}).join("")+"\n </div>\n </div>\n\n </div>\n </div>\n",a.append(l);var a=$(".mobile_contain"),l="";l='\n <div class="mobile_contain_swiper">\n <div class="swiper-wrapper">\n '+d.swiperList.map(function(i,n){return'\n <div class="swiper-slide">\n <a href="'+i.link+'">\n <picture>\n <source media="(min-width: 1025px)" type="image/webp"\n srcset="'+o.swiperList[n].img+'?x-oss-process=image/resize,w_1920,m_lfit/quality,Q_100">\n <img src="'+i.img+'" />\n </picture>\n <div class="mobile_contain_swiper_title" style="'+("dark"==i.mode?"color:#000":"")+'">\n '+i.title1+'\n </div>\n <div class="mobile_contain_swiper_content" style="'+(("dark"==i.mode?"color:#000;":"")+(i.title2Top?"top:"+i.title2Top:""))+'">\n '+i.title2+'\n </div>\n <div class="mobile_contain_swiper_more" style="'+((""==i.moreLink?"display:none;":"")+(i.modeBtn?"border: 1px solid #000;
1":"")+(i.top?"top:"+i.top+";":"")+("dark"==i.moreMode?"background-color: #000;":""))+'">\n <a style="text-decoration: none;'+("dark"==i.moreMode?"color: #fff;":"color: #000;")+'"\n href="'+i.moreLink+'">\n äºè§£æ´å¤\n </a>\n </div>\n '+(i.html?i.html:"")+"\n </a>\n </div>\n "}).join("")+'\n </div>\n </div>\n <div class="mobile_contain_current"></div>\n <div class="mobile_contain_title">çé¨æ¡ä¾</div>\n <a href="https://solution.tp-link.com.cn/m/case" class="mobile_contain_case_more">æ¥çæ´å¤æ¡ä¾</a>\n '+d.successCaseList.map(function(i,n){switch(i.type){case"first":return'\n <div class="mobile_contain_first" id="case'+n+'" onclick="window.location.href=\''+i.inf[0].link+'\'">\n <div class="mobile_contain_first_img"\n style="position:relative;background-image: url('+i.inf[0].img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100);">\n '+i.inf[0].area_links_m.map(function(i){return'<a href="'+i.link+'" style="position: absolute; top:'+i.top+";left:"+i.left+";width:"+i.width+"; height:"+i.height+'; z-index: 10;"></a>'}).join("")+'\n </div>\n <div class="mobile_contain_first_contain">\n <div class="mcfc_title">\n '+i.inf[0].title+'\n </div>\n <div class="mcfc_content">\n '+i.inf[0].content+'\n </div>\n <div class="cccf_contain_qrcode" style="'+(i.inf[0].qrcode&&i.inf[0].qrcode.length>0?"":"display:none")+'">\n <img src="'+i.inf[0].qrcode+'" alt="" />\n <div class="cccf_contain_qrcode_scan">æ«ç é¢çº¦</div>\n </div>\n <div class="mcfc_more" style="'+(i.inf[0].isMore?"":"display:none")+'">\n <div>äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_blue.png" />\n </div>\n </div>\n </div>\n ';case"second":return'\n <div class="mobile_contain_second" id="case'+n+'">\n <a class="mobile_contain_second_item" href="'+i.inf[0].link+'">\n <div class="mcsi_img"\n style="background-image: url('+i.inf[0].img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100);">\n </div>\n <div class="mcsi_contain">\n <div class="mcsi_contain_title">\n '+i.inf[0].title+'\n </div>\n <div class="mcsi_contain_content">\n '+i.inf[0].content+'\n </div>\n <div class="mcsi_contain_more">\n <div>äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_blue.png" />\n\n </div>\n </div>\n </a>\n <a class="mobile_contain_second_item" href="'+i.inf[1].link+'">\n <div class="mcsi_img"\n style="background-image: url('+i.inf[1].img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100);">\n </div>\n <div class="mcsi_contain">\n <div class="mcsi_contain_title">\n '+i.inf[1].title+'\n </div>\n <div class="mcsi_contain_content">\n '+i.inf[1].content+'\n </div>\n <div class="mcsi_contain_more">\n <div>äºè§£æ´å¤</div>\n <img src="https://media.tp-link.com.cn/webresource/www_data/pc/20230901/case/arrow_blue.png" />\n\n </div>\n </div>\n </a>\n </div>\n '}}).join("")+"\n "+('\n <a class="mobile_contain_big" id="case'+d.successCaseList.length+'" href="'+d.imgAdv.moreLink+'">\n <picture>\n <source media="(min-width: 1025px)" type="image/webp"\n srcset="'+o.imgAdv.img+'?x-oss-process=image/resize,w_1920,m_lfit/quality,Q_100">\n <img style="width: 100%;"\n src="'+d.imgAdv.img+'">\n </picture>\n <div class="mobile_contain_big_title">\n '+d.imgAdv.title+'\n </div>\n <div class="mobile_contain_big_content">\n '+d.imgAdv.content+'\n </div>\n <div class="mobile_contain_big_more" style="'+(d.imgAdv.showMore?"":"display:none;")+'">\n <div class="mcbm_contain">äºè§£æ´å¤</div>\n </div>\n '+(d.imgAdv.html?d.imgAdv.html:"")+"\n </a>\n ")+'\n <div style="box-sizing: border-box;display: block; background-color: #fff; overflow: hidden;">\n <div class="mobile_contain_title" style="margin-top: 15.384615384615385vw;">\n '+d.newsLink.map(function(i,n){return'\n <a class="mobile_contain_news" id="news'+n+'"\n href="'+i.link+'">\n <div class="mobile_contain_news_img"\n style="background-image: url('+i.img+'?x-oss-process=image/resize,p_90/format,webp/quality,Q_100);">\n </div>\n <div class="mobile_contain_news_contain">\n <div class="mcnc_title">'+i.title+'</div>\n <div class="mcnc_content">'+i.content+"</div>\n </div>\n </a>\n "}).join("")+"\n </div>\n </div>\n",a.append(l),window.onload=function(){c()};for(var r=(s(),[]),m=indexData.m.successCaseList,_=(indexData.m.newsLink,0);_<m.length;_++)r.push("case"+_);r.push("case"+r.length);for(var p=0;p<m.length;p++)r.push("news"+p);var v=Array();window.addEventListener("scroll",function(){for(var i=0;i<r.length;i++)if(!(v.indexOf(r[i])>-1)){var n=$("#"+r[i]);if(n[0].offsetTop-window.scrollY<=700)switch(r[i]){case"case0":n.addClass("mobile_contain_first_active"),v.push(r[i]);break;case"case1":case"case2":n.addClass("mobile_contain_second_active"),v.push(r[i]);break;case"case3":n.addClass("mobile_contain_big_active"),v.push(r[i]);break;case"news0":n.addClass("mobile_contain_news_active1"),n.addClass("mobile_contain_news_active0"),v.push(r[i]);break;case"news1":case"news2":n.addClass("mobile_contain_news_active2"),n.addClass("mobile_contain_news_active0"),v.push(r[i])}}})}});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.