淘宝首页原生js练习(基础练习的基础中的基础)
2024-06-09 09:05:51
HTML部分
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script type="text/javascript" src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script><link rel="stylesheet" href="./font_dtp7tn9cth/iconfont.css"><link rel="stylesheet" href="./font_dtp7tn9cth/font_f6656gsuit/iconfont.css"><link rel="stylesheet" href="./css/index.css"><link rel="stylesheet" href="./css/mainNav.css"><link rel="stylesheet" href="./css/mainMessage.css"><link rel="stylesheet" href="./css/moudleBanner.css"><link rel="stylesheet" href="./css/colRight.css"><link rel="stylesheet" href="./css/shopList.css">
</head><body><header><div class="nav"><ul class="left"><li><a href="#">中国大陆</a><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg></li><li><a href="#"><span>亲，请登录 </span> 免费注册</a></li><li><a href="#">手机逛淘宝</a></li><li><a href="#">网页无障碍</a></li></ul><ul class="right"><li><a href="#">我的淘宝</a><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg></li><li><svg t="1641619586883" class="icon font14" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="4268" width="16" height="16"><pathd="M352.972955 831.860239c-35.434907 0-63.989249 28.554342-63.989249 63.989249 0 35.434907 28.554342 63.989249 63.989249 63.989249s63.989249-28.554342 63.989249-63.989249C416.962204 860.414581 388.407862 831.860239 352.972955 831.860239L352.972955 831.860239z"p-id="4269" fill="#ff4400"></path><pathd="M801.069713 831.860239c-35.434907 0-63.989249 28.554342-63.989249 63.989249 0 35.434907 28.554342 63.989249 63.989249 63.989249s63.989249-28.554342 63.989249-63.989249C865.058962 860.414581 836.332605 831.860239 801.069713 831.860239L801.069713 831.860239z"p-id="4270" fill="#ff4400"></path><pathd="M937.304888 188.527465C920.963548 169.949941 898.429699 159.973123 874.003696 159.973123L232.907106 159.973123l-2.236183-13.073072c-5.676466-46.615824-46.615824-82.910801-93.231648-82.910801L97.015958 63.989249c-17.717453 0-31.994625 14.277171-31.994625 31.994625s14.277171 31.994625 31.994625 31.994625l40.251302 0c13.933143 0 28.210314 12.729044 29.930455 28.210314l30.96254 178.550647 54.356459 382.043339c5.676466 46.615824 46.099782 83.082815 92.371577 83.082815l520.17067 0c17.717453 0 31.994625-14.277171 31.994625-31.994625s-14.277171-31.994625-31.994625-31.994625L344.716278 735.876365c-13.589115 0-27.006215-12.55703-28.898371-27.522258l-5.332437-37.327062 507.61364-31.306568c46.099782 0 86.695112-36.466991 92.027549-81.362674L960.870821 270.062154C964.483118 239.271628 956.054426 209.513187 937.304888 188.527465z"p-id="4271" fill="#ff4400"></path></svg><a href="#">购物车</a></li><li><svg t="1641619464919" class="icon font14" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="3234" width="16" height="16"><pathd="M789.866007 957.64371 511.357875 827.962162 232.825185 957.64371l38.192857-303.007105L60.669266 431.807586l302.155714-57.648978L511.357875 106.84647l148.531871 267.311115 302.132178 57.648978L751.694639 654.636604 789.866007 957.64371zM72.824097 435.739129l204.64896 216.791511-0.181125 1.436722-36.985356 293.421796 271.051299-126.20026 271.02674 126.20026-37.143968-294.859541 0.994654-1.054005 203.632817-215.736483-293.949822-56.088436L511.357875 119.488395 366.797455 379.650693l-1.411139 0.26913L72.824097 435.739129z"p-id="3235" fill="#9c9c9c"></path><pathd="M511.825526 104.261599l149.058874 268.254603 303.142182 57.844429L752.998331 653.933593l38.302351 304.062134L511.825526 827.855738 232.327858 957.995727l38.325887-304.062134L59.598888 430.360631l303.168788-57.844429L511.825526 104.261599"p-id="3236" fill="#9c9c9c"></path><pathd="M791.923876 958.850188 511.825526 828.420603 231.703641 958.850188l0.115634-0.917906 38.295188-303.821657L58.585815 430.033174l303.850309-57.974389L511.825526 103.208617l0.448208 0.805342 148.942217 268.044826 303.823704 57.974389-0.64059 0.679475L753.535567 654.109602 791.923876 958.850188zM60.611961 430.688089l210.579019 223.069495-0.029676 0.239454-38.20923 303.143205 278.874475-129.850393 0.215918 0.101307 278.635021 129.749086-38.216393-303.383682 0.165776-0.174985 210.388684-222.89451-302.46066-57.71447-0.116657-0.209778L511.825526 105.314581 363.099227 372.97362l-0.234337 0.045025L60.611961 430.688089z"p-id="3237" fill="#9c9c9c"></path></svg><a href="#">收藏夹</a><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024"version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg></li><li><a href="#">商品分类</a></li><li><svg t="1641622107467" class="icon" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="5516" width="16" height="16"><path d="M447.1296 46.545455h101.818182v930.90909H447.1296V46.545455z" fill="#cdcdcd"p-id="5517"></path></svg><a href="#">千牛卖家中心</a><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024"version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg></li><li><a href="#">联系客服</a><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg></li></ul></div><div class="adv"><dl id="advDl"><!-- 等待渲染 --></dl></div><div class="topScroll"><div><form action="#"><select><option value="宝贝">宝贝</option></select><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg><svg t="1641620677741" class="icon" viewBox="0 0 1073 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="5254" width="16" height="16"><pathd="M905.815123 964.266667L744.961789 771.555556a34.844444 34.844444 0 0 1 1.137778-46.08 390.257778 390.257778 0 0 0-557.511111-545.991112 373.76 373.76 0 0 0-90.168889 133.546667 390.4 390.4 0 0 0 474.595556 520.533333 34.844444 34.844444 0 0 1 42.666666 20.053334 34.56 34.56 0 0 1-21.475555 45.795555h-1.706667A460.373333 460.373333 0 0 1 47.219567 662.613333 451.84 451.84 0 0 1 1.424011 425.671111a459.946667 459.946667 0 1 1 816.64 323.271111 1.137778 1.137778 0 0 0 0 1.564445l141.226667 169.102222a34.844444 34.844444 0 0 1-4.408889 49.066667 34.844444 34.844444 0 0 1-49.066666-4.408889z"p-id="5255" fill="#9c9c9c"></path></svg><input type="text" placeholder="连衣裙"></form><input type="submit" value="搜索"></div></div></header><section><div class="sectionSearch"><div class="search"><div class="logo"><h1><a href="#">淘宝</a></h1></div><form action="#"><select><option value="宝贝">宝贝</option></select><svg t="1641620677741" class="icon" viewBox="0 0 1073 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="5254" width="16" height="16"><pathd="M905.815123 964.266667L744.961789 771.555556a34.844444 34.844444 0 0 1 1.137778-46.08 390.257778 390.257778 0 0 0-557.511111-545.991112 373.76 373.76 0 0 0-90.168889 133.546667 390.4 390.4 0 0 0 474.595556 520.533333 34.844444 34.844444 0 0 1 42.666666 20.053334 34.56 34.56 0 0 1-21.475555 45.795555h-1.706667A460.373333 460.373333 0 0 1 47.219567 662.613333 451.84 451.84 0 0 1 1.424011 425.671111a459.946667 459.946667 0 1 1 816.64 323.271111 1.137778 1.137778 0 0 0 0 1.564445l141.226667 169.102222a34.844444 34.844444 0 0 1-4.408889 49.066667 34.844444 34.844444 0 0 1-49.066666-4.408889z"p-id="5255" fill="#9c9c9c"></path></svg><input type="text" placeholder="连衣裙"><input type="submit" value="搜索"><svg t="1641619270402" class="icon xia" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><pathd="M512.726547 675.318646c-8.063653 0-15.790638-3.245927-21.435195-9.006118L231.175103 400.906809c-11.603269-11.837606-11.410887-30.840402 0.427742-42.442648 11.837606-11.601222 30.841426-11.410887 42.442648 0.427742l238.681054 243.534596L751.407602 358.891903c11.601222-11.839653 30.602995-12.033058 42.442648-0.427742 11.839653 11.603269 12.031011 30.605042 0.427742 42.442648L534.161742 666.312528C528.517185 672.072719 520.791224 675.318646 512.726547 675.318646z"p-id="2269" fill="#5e5e5e"></path></svg></form><div class="target" id="advsn"><!-- 等待渲染 --></div><div class="imgDl"><p>下载淘宝</p><a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAMAAAC8EZcfAAAC91BMVEXvTirvUCzwTyrwWDbwTinwVzXvTSjwTinvUS3wVjP5tabydFjycVTxXj3wYUDwUS794936wLP94dv+8u/7zsPwUC3wUCvyb1HwWznwVC/ydlvuTijwVTLxXDv93dbxaUvya071i3L7yLzvUSzxTin4oo7ze2DyYED3mYTxUSzxTiryZkbyY0PwVDLxVDD5tKT5uav0hGr0gmj/+Pf7xrr1kHj0iG/zb1LxWDb819D6xbn6xLf3pZT0gGXyakv82dL60sn4qJb2jHX0g2rybU/0iXH0hWz5yr/2m4bxVzX6uav1hm7xUCzygWXyWzn7y8D0el/xTSjyXjzvTyvvTirwTyvvVTLuTyvvUi/vUS74saHxTyr6wrXuUC3wUzDwTir5r5/vWDXxZ0j5t6jvVzTwXDv4rJvxZEX+9PH96OT//fz+5+L6vK/5uqzwWznwY0P6xbr4qpj0fWPvTSn3pJH81s71kXr82ND//f383NT7x7z708n80Mf2nor2loHvVjPxXT3vWDfwXz7yaUr/9/bzc1f2lH32oY7ybU//+PfzeV797ur6y8DzeFz+7+vycFLwTyz+7On2nIj96+fwVDD939j2mITyfGHwUi/ya03tUCn85eDxVDLrUCn/+/r/+vnxclb/9fP6vrDsTSntTiTxUzH0SyroUSn95N71jnbyUy7zTyT9/P7+8vD5tab72tT6v7LzcVTxVzTxUi/wUS3xYUHtVSX6+vf94tz81MvzdVjyTi/5/fn4/PH89/H75dX7zsT7yr/6wLP3knvdck3xWTjrUTToWy/vWCzxUSz1UiroSiT89OnrfFPna0/sYzHnVS74TCPz/f33+uX+8df02NLs0L37xbr5yKvpdEftXT32XDzcXDb1WjHgTyPr/f3+6eT9r6Pmmov3nHnigm/pk2zwimrzY0LaZDjtXTPnWSPmuKDyq5/1y5bzl43mqonvn4j/qYbmhmz2kmjkZWXkd1ryZ1rah1nsh1jiflHpgkbnaz3LDOVSAAAAU3RSTlP+/v39/f79/v7+/v7+/v78/v7+/v7+/v7+/f7+/f7+/v7+/v7+/v7+/v39/v78/v7+/v7+/v7+/v7+/v7+/v7+/v7+/vz9/f7+/v7+/v7+/v79/rpyRQQAAB8nSURBVHja1Vx3XBxFFN5djrsDgYsmd3ACQsQWYogl0dhi79274+4IQhCJJJGIESRoDCTEaEyMYqImphhrYu+999577733+off98gMjssB1p95v98+3rx5M/Pxdnd25s3MWTFQgtxHZoF5qfJGwRyy4PBIJLK2kdlUD9W6Zcri9POQ1DRwKVSeKM12UrqjWDx9QCQy8RJVqGke9GMqpFqwqIIggPIT1NuisqLRaBVZlIxJSwQbzCGrHoOa1jAzc6A6Mo0WLJjRYAA8HSqPTbPBSrcBSxFgJKoKWWsjVZNUrdtGA44UD4qK1n4qh0gOmJeCxy9MAdxbZ2qAuxdS5bgBNkLlDRgAd9IA65lpK4CHhiGVWGRm60N0Hf9/D1Ylk0mnYPr06cEZYKHC6dPzOiGkJ8HCUWSWZKKmq2nWROYdN316WsHChQtHB1nSIqtFcs48sG1bI5HLN0TJYU3Q24VQ7XsuPci6OyZEIq3XQ0hjpn8W9MNtmoXZejpbz5s+vTBKiwrWIZlWrLy8PLnRwQcffOzBBnsRV0sFMoP04Kk0o60vCn1NNVKeKJhDfUizReNhuw4sdjydFlVg0cOgOp41bk9fLoEwhsWtLHrQhmTfC92RtFjXYBslkemzxPkHR3qkzLj7FkeRWusQpirU3bL1E1JNgKSj09QjbBOgSYenG7c4fmjPra8pZpbTC8BJGQrgzmw+pAAOyFHPcL6tXq+gAXCrjt4AbqgAZoZ7AbhNHs1WDw8O2Zqd5tDa2tp6XPxb2ziJHrRpsgmkLJo5xNBOD7Jer1NXVycqT0BJZZevqvyiHKiSYTDPEayyEWzvzZHRBiFHqr2F3Qwlu4FNSctDeRHGGHqwU3swTg9uTMlHJ/mYkUsPXghpEY2vNj3YzlTWGWec0WbTYkdIKA5pvPYSVEIXUx8iqzO7mTXoQfo4SQ/OlgZ060PpwaXmLa43u7qsPm/xUZAm26ofLNK32KRp1Nup+kF9i3PN1mu7b7FHAdyFUhP7cg3wUA1wIStNeBTAcQrgYUMUwKwUAJvlU+UogGzUqwEO1y/J2h7q2LoGeHDav+7B1n/CgzFQdAQBUhqLK98i2xKqhgSlvSCdaFdUVESZWorUKUVIOUkwDy0s/n9ttDh1eSSy/ByaToPqpnE0KwWLMzNcAQpxpORQaobFJjEWP4/PoEi8hHG4tHVUkj50110epMSkx4Lg6/IgJPFg60mgPB/0UbrmbKQOTkOmEwUTD4rFRH6LwyxeLN0opOiO0C9n5oY+Jpk5nclW8SCSXR40W+/yoPklKdJOdvQtLlC3WChb3WKhraWrc49mLmchSwBCUv2gfoZ4ZStVTUBusXqEHdct7vczKFRoAEw9mtEAMwyAG1o07gbYz2dwvcrKygzpBymtB1bqo9DVD0K6pBsgb7EjIE477bS9MiphWw62VAPcHPq1gnKPINVcCClEgK2ngbL1Lc5jciIBLkLxCwUgW/exdYEh/WAGJSsBsuUloUTKp86SlyRKaS/VfFv7IYek7w1hbtEhhxwSoJkTYwn9pZxTd8ghw4KHgMVpEQAbdxHfsXZI/mFgadQnweLz2Y+xtNXAl0Ra5sUaxYNbS+v9v8Wa9LfYfYsLWDxDvsVqwNpqDFj1t7j/3YwGmKVMvPol2aQgBcBsdrcyKbANgBsrgFtlGyPq3UyA2e6OegNHDfnzFcBt+E/+2x4E/V0PNqE3LJOXRHWTTRRi8pIsgiAj6uOPA12kAbbTtFP6eFwPT0PmzbQoY23XQhgzjJlrQxKaTf2FkyBNIMAMZspgwYawarAgrcsFqifAMkpWFJ26f2t2CrlZWVmzceVuSTaCqiAybZYfnH7EEUc0zoVEWn4xLHJsZDos7qlGpp8WCehCCQgFBbSgPiCZNIvSYmN28y1sYH96QBqYxDcid1XLWwqEBt7iChb6MwPWjAlUuvtB2z0p1P2gJPWcDRTR1M8Bq6dfQ/7d3ADXLVRfkoBMbM13rJgtjKKFpSwcN8BDexvyby1D/v+/B2Pg/pbMzMyGTMXOU9JgDrpDBJhLsyQBXsnMBQRYDVWMCCtjlGRAHhMV2HRYXXytqMDGMrM8Rsamd2Ad4+UlgapzMFKT3K23VEi1lhG+iYF5OYRybCaiZMM5L2ZmNQBO5AssvcCICkrFZ555Zg4znd0gJVl8CISdkzFIG0IazczSoyAVUKpAyQlLWfIAzoOiqvWQEZ2yoor9qdBHBgFGjdCHtT6kLZiZNqXnfnCaZK6rBwvSD/7Z4FHAYwSPQlGwEqZ08GgLDbBeAdy/UAFscxTAYgVw+xwFcLIGuLYCOGFjI3gUoN4vrTvQ69CVTLxXAw/q3JAycUQIKbsKzou3pK5z5Pz5e5SrAd0IlvfuMn/+fJlxlm4ByWYLBfTgIcxshKrIy8ztIBVQSm9FfIawrKvVvNhyA7Q66caoqIaPGTPmijGgTcgmabYX2RVMRdSUwcHl9YE1jaMHkypYGmKmpVhTtfSSKLnrIlrsC0nmO0NOhHQlPVhNsy1ptolq/VCzdeiRwcuK9Ivc8cHU/WCGKqRG1KkGC/2ifgLcWz0EXst4STwSPHIUcwyA8iURgLs6BsCcPwFwNfJgQ9asWbO2PGfWrKyrZ4HxvRu4ENKcgZBmRauqqjzDjjgizT4CjJVPHQcpkIDeCUBKtoPZaUccMSyJQrnbwOI8PzLlQzSyjrbFs2adcyJSC3KQGpYGs+LZtCUbfLya7M8nDGLZheyWboCNKojq8UHwdU2aIPnlUyfx04ZBgwYdNwg0UGKAEC6OQl8xTenJtrmWxYvowaSKsJ7EzPtjTMp4EqkdC1SUNkF9+tRVMI63kXJCxCJMAXSPqPsaLAhNtv/stFOlTp6hHuEq6Sk1QL/ZD3YDzHLUeCmhAO6l5yT7enoGWFPiBpitAJ6XbgCcbQAcNE4FaP0mwEK1UOHxC6DW/7sHGzs6OnIXEGCU6UA8nkzG43E7Dn2BAyl9B35uqasf6AI4PMZCB9OX2SiwIVihRdUipDJYvH2Qst3Oj2SR9qB8LCxBCX0HJzzzUSi7BKnkIkIQQBLQrNMRVmvAhAkTFuBac0+m9oYkbjubAvD16MG4Dr/p4IpHwrebSXFFJzF1rvZguvJgxWToZbqzJ4sHafYWrjE9RVjtkyCRjpOvfUukN3LHB/UTolea3GTeYmNEncbiSRF7mLgXGQB3yOsXwMM0wNkGQG+fAAcdQTMT4LiUAE0Ptk6cOPGuLg9CQgokRSi0UhAd2Y5sYekkSD15cFdd0l189xlqwJLMVPp0Fvcri6vUlAacn40TLNu210B9586G4JRTXwUpGAXLWcJxH4To2nxRR9MiThZjZ0GLgAesAFK0AILVDuatAKs7WuEbbLMBRhCLWVL+oVLVQOMENkAI+zI6VUuLAFi8h1ndgnZjwGpLL8B3sTD1Qo4MWE0yuxn3gNUm24g9hO5mNB0j929Ter2HpbDT8uTpIDMB1muAYlFCxuLBFAAbTIC1CuASXVwA7tEDwEIFMPJ/92BEguin16y11loLNMA4VB75ZkuwVGKwBHg/pPV8MF23DKqxUZqVQwqxjqX3IOMUlp+7FugmXDvSrFMD7KBZDPpB1Psc1n0mH37qryHAc1nyIlzbXMPg6mYCcGh9fX1dsr29vUN1qWdvAVUH9dk5YAUMeVbxczJdgqAwDUQphZlJyUmDlBFGRv3maKURQpgpPzOt4bpLaoRZkpkW9SzeeIbMACEt5FcgK97eXnAdGwjRYmc9HtxMnLwORTe1mbfYkt4h5UKO3hLQ42qnuZDjojRzVrepBrhTbwBP9AhANev16m6YAMdogHM8CmAHhANLZGuEG2C2FE8BsEhFWD0lAnD18OCxRx555OyxoAwCXHIk6G6y8fI9grCQmUsJMA9Ck0Xmo24eAUYhXHsmzDakKnTekUc2LKJFOVkITEbU5+pqK6GKldO2lslWPvMUpDtPh9qyyCppcTX061qjxo0bFyiaM2dO29n4wjQilWaT7SyL8pAWNSLz4s05AF0bEq/c67gfYwMJT0Gy4jAr2wUZyTyUjEHlj4Il8qA6ajyfoTRY7EPGTIfMZivpRH/iDEgdV3KWzMrn4dqlQlmk/aEf9PcziG7cYtsMfVgp9s1Ihr7F3f3gyFT9YNAdwJTe3msLQCPCatKARgVwuB9SQAMcrSKsjt+98yikHl9vkEJAAZzvcQFcJ0cHj1YPD+6zxeTJkzmiaY2zhbGsYCYBJiH4FiLzKhMg9dFbCJBCjKz8BJhdpwDiAu0q/TP012uA5dSvpyysXGSOFggtkIbjEtZ2LTPF1tqxublZRvszpFdHaiOb+iKZtCFZzMy6u5DSdFO16icmS8uaOfNR4LBm0GQyTsabCX/IbkrPlFUGYX1azGFTpQshjRP0YJZYjIJqs+soufpBNVjIcvWDvd1iUKpNFTo+KPTnl2Np1+L8HuBpGxsAmx0BmOIlCaqJbUkKgJNNgPUC0L0MsRlbsY1NFVvnrR4evLelpSXby2dwAMOmI1tatpDQaR70u+4EtjEz627mTG8kkhfj2kzGqoWQJH6ad5SmyTU1h00xP+WyeZIAp7K4hC9G8/vRjNQuEpvNgpRH6UB6sIl1t0O1hqN3fSTbGhoa5D0PIWXFkZp2ulqLCA5GUhx4P1JeFvB0rxJsh8zjIr3QfDZQTYDZlMobQAs47YyzooSKzYbIfEyROTFKM2F6VU/9YJqaF6sgOsk9WKhQQXTQ0Qs/vuYS0H6vvrrf66cnyzpeufc54xb3GvpwB9H1aCTyhzlJvQK4g16z7ga4CzOb9Fgl0A3w648eWXFhglRVlUicf/7ixCNP/RgR2tFRALM8RvBIB2hLPO4dtLYG+M948MkbLr31gcWgsU1NYxEcSzRVhh78hzwoodOOs846a2Yt2HV2VZXlh5BTAn2+g90PM3bnPqoi6MLDsFvCR70FZgnbVlp7MLliRRMdGK2sjMZA5z9QVblq5iTbK3JQPMCmOiEU1dCDftVAIAzmkdqiqloPVPE2PWmyyaJkPrX3x9MJZm03ZcqUY2h2DjOrR0yZcjQFjzAbTHtw2bKVtz50yYMlNzzcOXbZsuCljy6+FHrS9qhjSxaQpsaykUJ6MIPSbsikwZShRuu+DurOZvFeV5p0bMZcaXLf4oeWVcZeueLTJwft8PPHvz7x4auPPLJs8TLoex4sWNnqFnOwIOTuBxWpjd7UdkdYwUyARzmrALamRWmhHlAFcHH5+fdeNvG7gc8suOPcOx67cZ3vS85vinTTzvoxa1IAB+UZAOcxM2F8SUD/oAcXr3xiyUsv3HbZZZ89+fpD791+54MPX8A9M7j+ngdbpVApmcNAp0/MICQLwOxFYOEkWCAAtqgaKT9TUomOn94VWby4ZOW7335w4/N33v7OLWv/8sQdzwxd/FRk8w5YyBd0W9YRJ/MpgAMaqdoa0u7VEIYQgm7dnyTLABvV7cGMm8ePH9/VzYwHnYur5kK9OXFrJLtCHxC2ksDYHEiXR9h85KmqS1855pm33z/sjjNuu/Gll96//LLHOy+InHaNmtW1So1kEjSbLsFoJilcbHYzfqinSgP7ELMGyMGC7gf1noXeYjNHKbMdIzdULb7gvm3fnPH8C9veeMe+u748vgugEZtxDRYUjTQBJjmiTmcqRPYPAbSWPb3y9bOLXnj+zuXLj1vw7j8NMEF2DQEGTYBLVdGCbQYOHLifBrin3OKBoMtxNUc+uXXZeg+88+wP69zzzfLH7nv2PgWQZtvSjCSLXXKLD2JS3h4Ku5oA/QSY0Q1Qv5VhDvnrqCvUA9MO9WyHyYYEwDajPkkzeV2o3y5y6VOXXvrBYwNefnOtr27cfMntOzx224crL4nMZbXeClVHEWNfcapsak7kCCwPUgkrGkWLtDDY3sRdDMFv9X6LSa2ubqanzWU7RxaPXfHebSc98cadyy+7/dnJz1152+0P3rpylQf7swvYJHcQvUQDLNQATdquG6C5Pc8RgI8+fMN969x56QWvLX3tk/uem3rjZds+6m+KzE2nhQB0FMA8AnT09rxALwAPTuvDg6R+evDSzktueOCjR1dWrlz59ANfvP3ly+dfev4j/5AHGT8NkS0lQErr7altrjz66KO3Oho0mhbVIyBNwXVVWMdgK0HbRZ6OrYytWO/WZfiQdS6+YFnngSVNK56OLAkzkuoD62TxMgHIQmS+rr38kJIEeC5bEQdMoMRWtq3m4MKSFWmypLwkVaBxCt/ueTNmzAgkwTppEcuYMSPdRmpYePbs2bXFYHlR6I+KvNG0YtnK80HRVVQZW/ZGZAdmeljSRxaW5TiUKmLJomM5gTwH0ry5XIGoQ72NCLNu3sgG2GY4HZlb9rMftN1bArqXwraLJFfkL14BqZuWrTg/cpzfdYtTknyL43PVamfUHFEHNMChGqAO0wcdPSJ3AxzTBfDz1y44/9YLQArfikerforsENDb85y+AG6nAG6e4x7y/30P9kj/kAcZ0PQ1gZ1OgDalskmggRI8QsqhKoFLJImwxkbR4ipcO0eR3PI40FS90Hru3Llzl+wA1WGVDLPqBq6bjAIHs+Q9mmmAo9nAwzWTJl3RyQZCZAcIwBNA2VwXkC9JtaW2Wt/CyfUeyKxnZukGkE6HZJVC2C0JlcemGTOdNaA7THXqA+ugyo8yc0Pod9pJNRACA6kGbErzFcCzLOpU6/kZKNSyoIcguhkfFGrrc6XJvSWg//HBvof8ZC0aYK3Fys3gkQaYpY+tNerTn44boBzf7DXCWmJEWIU202+h0w1w9fBg84knnni9lwGadTglyl8VdPHmQT9tfbDRzHR2g7QIkmVLhJUWpdTTtnpNVdv2sNojyMwmsqGsYxpYtpfJfDJeHjIHzJqm13CYyS3m+WKx54kgGW9LQDNBVk0PHnMY6ApcLdVq4hZlpqWYFRWATDXSlqTfxdYMWtDUIywBlk9pyGCYZVDyQZgm060OFm3V0XvdgAN1WzVTO7v6QU069OHqB90jak1mEF3vzEm9A5PkvsVJczlWyvvdAKdmq8WEErHwMNl9tjMFwCI1sXXkIyLMowCuoQFe7wYor4HtIUBZhhCAq4cHbR5qJsOXRG2QmzdvXlEY61BhsjKyUlpYJUlsCSLAMqSCXAq7fAPYrpEFNnI5PcilMB8ybQeFClgyIBXVwiKcBilHtudBGJbGkgt07IHrYSUsHoZ+lwAt8iAdYOn9p3Edo66mqv5Y0N241qVQq8y6PCgWspio97DWTeFYDqbnBZmZYxQfLQ0Mh7RE1mkgNMdpdqYCOJ5mg3AdLMWzIc0/3fiVgJRBdCH3yUT3SpNrcxnJfeCF5Ap9aOJgwQyiu1+S0zrcADczAA7o0AvaQQmRGgA73AC3cA+3Bo1LAbBDAOoD0P9/DyZAskEukN3Y2HhxK1oYGgeNJNRcqIoPZwBTzDBEsUJQZUNICMDd22FaJuGlQmQMPhst1DJVgFTHDqrVPWjh74Duelw5jaC8AFthH78V0xt3kCE3p5N1D6U+jxYS9gzXDBgwYENKsndr7gAQX8pMTlvkAHSWcfTSUw7ybSCn/mF6Ee3raSELOacgteaetNhCATybFoW0iOodqrnURdS2lJB5trNepk+s27W5rLcz7q49C5rM47vmqTBzY497z0KbNJxysOBRAIs9JkDjAPQBUsyjNt8l3ABzHQ1Qbo8bYC2LSnET4B4C0JMCYN8erOjNgxP79GBrfzwISuHBiZKZGAFxY1XW2sJY+C6l3u8lZ6ZYxIkyCWbfrGzPZE1ZeEmWZzFTmqkCa7+Si9osGtJDowSlbfXhKtoKlXrVpzxIs2qwMtfJRFfwqE0sjAErSZ8nMamnfTPuGHWKWV2Ys7qkuQu4G+BoN0ChjfSIOscAOCIVwHS9u0/vPNpOH1uzUgBcQ8+LM1gyqLcfpfagOeT/TzwYT+XBrgPQGuAoXWzC4YcfPljCrwQoEVaL+lOgz5TY1QmQhN4io/0x1xJbuZ6YTINulgYYo7Df4S6S+5fUAEtZvDvCKgegh0ZJRoR1hxnoykNiwTXhbGZm8GudA31AbKtUmDVZDVaBK5ygPpCTk5OXDRamLpCWA2JSCkVpRnt/hSpuM6MaAFsHsySTjpXiFvc3iF7R68nElFsC9KzOtdrJW+zeN6M76jXcAOUAtF8DLNYAs/WD7CiLoOM62ym0rQlQSgq2EgUwoOcUGuA62fIIrx4e9DHDeEli6RpgUgUEqnc8+eST05lZCiGzWrWQP1Yd2vTly2MDlbwLRQbAC5tR6q6TQdJZh8CaLDJb7wti8WsJcAmsxsRZt9haa4A2ZWTqqnMgZTGpd51evhCpLXcBG5Wel5cXoOSHkF4AIXcWWHZInYJ2bDKW53XOkXrLLqtNq0Mp/wywBKxssc9gHbm0J2tn8a74IKwK2EA9VXZ/D125TyaS+t43kzr0sXbK+KB751HftJsG2GgAHF6invIhvQEc3D2iSrGHdTP9JWk0h/z/fw+OqampyawBHUq2iUiajaEgexY4zt2nGclyUNM1zLwC18JKJCvHgo31YbhcORm6m1jgWFoMlypAjbSIqRG1JfZydJKtTKIwk7rybWtqJksDo6AfPISSZR5BjoHlU+W1wTxU2ZvwUZ8/bdq0ODMdCDsladFJ812QbKRZ6a6QkrQobEWYKx5TFVm6gZGwWB/XyCBVV7ObqIKUlE3EtCgH87IBORXqzaF9/47vktz9YK/Hd43Qh933D0H0HTwqMQ9A+6W3NwCe446wCsAzLdcB6K1yjBis3wSoD0Dv1b09T1p33MGj/78HGdm0vGB2E5iDpGVRpZ8fR/fbtcx02tradgvoh6uZIW5KwZ2RMcTLsEwrPLhIR1JZdymZb1dYkHaVZ3CW/PIYpIo16XuJsHphH4LFprY8g5DO7Pr1vHsPPfTQ8w4FXUUmUgOuwfrX84QmQJUZgso3CtIJiyBZXJZeTvtsVrRPDaSL6MEkUp4ELTaFqjZGiUwvJlryFrOVe+QtZqZPnSx1xL4TrJ8/BKHJfcY95axOj6j71w+mPOPu6QVgg3ujd2uOArh7ngFwAwPglA7Zqa0ADjbnJD0A3M7TvYcVTO//Ww08yOFIcGuOTmefeuqps3NPPXUXCsWispnJl2wEdS08jlAGlb0xj9n7Icns9phiZBYM4w++HI9/oQ2poQGkwkmwGTwKPYcVWbQI4RrWJKMZmNUWgY2eCTZMWaTbtHBoYYHB3Wo8WE9J/Gv+ep5EFs5hZgG/xRYzO+jBpZT4klwsdWROnTp1ifwwGPWNU0E386J/ZtHCfx6SR+Nak9V6Q2rAmogq8o9YZbFJnHV0mre4th/Hd3u+xS1Sh44Pxt3xwXm0iBv9YL9H1I5rTuKNug9AH+VR2/PyFMB19UuyhwDsLcK6rwmwUD5VCoNf72E15yRe+z/xYGuvHoz27UFZu+WcZmgC5MOVn0+Wy44+ykyOZq5OUIrX1bUH8bORgTBZlGYVlAJg4TjY/e11dQV+ZRFOBxu3FicmzFxENor6oC7uQKpOggWJIxFH8ftpoTNHSYS1XSZNehepCLlGhPUc6hwwX/SUU06ZWqe3pYTA4mOgq1XFfXGk7k5XFl3b804BZdOC5MtD6qp0SiMhCRUbrTsWmDUP+rl/8QcS3cuxRWLhHiyYRyf73oHp3ujdr2dwbQPgTdK8LSoFsNgN0LINgDlGdGv/NAPgqWbr3QBl59E14kFKTWCllvvX89ZgJm3Xs44//vgr65Aq7VS3eKl4UCzkFgtA3uJ9KkE7osBJAlDOdrLug+SMO6UTJNP8gUTWLZH0hQJQtmevy2eQUgyXp/vX88yXhHpvgofSyik5kKpssA05fplJC4fJLeT39SA4VHmrIOVwntLGTNYh/fxdIb4HzMxjDLaZmXv6Ubel6k5mEmDqZ7D/Uf5W81tsHt+1UpwncR3C1ws5qYLoue5fzzu0u6M2dh6ps53GxNQNsCGdGEyAad37qHsGuHmeAfDve5D0r3rQx1C6ETzyUFjVD+rBgs70MVMsso5ZReuQNVJ3rQa4BKrmagWwrAbJM2gWZclC44cgStaHfokGGKRFfTfAhA0awSjG0JkzZw6tnTmztnYmWANdEGImX5I166ljJu2dEqSyw+rXIsPVlHKgGzlR736lKg2qnOvBMuJIlpAFWA97noEbMHNjsDQW7zhD3eI4Goh2e/DvDFhTnXHX/eAJejTTPWBNdT54ah8vSY+0ybC+hvzyQg1xA5xSqAHq2JOdAuD6xtnOzaWB1cmD8ut5Z6655povrgk6lmwE2Ta4RvKBvU4DXADVeXxJYqMg7ZGElF+uIqxxE2A1zS5WyVsEYIy2ugFpT5Zj5XOpAdosuR8zlwvAELrszoLs7OzrRoElpmdn50UhpFeAhdm925mqmeJCZMrxZloURCE5tEiwjtO3/z3AreIsOVgn5+DMXTwIXQwNpFWxgSTYIZP5fzPzhOXqFi+FVdBG5owT+gp99H3oyn2L+79ebKfYEpD8wxl3NhZwXL8R6SlxH1vL8uhpq7HRO+BxAVS/nufe92DOet0ANx+qozqbrh4e9EkL3StPaoEgqiZ+FZmqh9lQZ1q6BUuxdPMZ3JOP+k5G0/UKoPxtssnmuwHqgxCxvZn+DRQryLRih5baAAAAAElFTkSuQmCC"alt=""></a></div></div></div><aside id="aside"><span class="iconfont icon-taobaotese"></span><ul><li><a href="#shopNice" class="active">品质好货</a></li><li><a href="#youLike">猜你喜欢</a></li><li id="tarTotop"><a href="#" ><p>^</p>顶部</a></li><li><a href="#">反馈</a></li><li><a href="#">暴恐举报</a></li></ul></aside><main><div class="mainNav"><h3>主题市场</h3><ul><li class="iconfont icon-lianyiqun"><a href="#">女装</a><span>/</span><ahref="#">内衣</a><span>/</span><a href="#">家居</a></li><li class="iconfont icon-nanxie"><a href="#">女鞋</a><span>/</span><a href="#">男鞋</a><span>/</span><ahref="#">箱包</a></li><li class="iconfont icon-xiaoyazi"><a href="#">母婴</a><span>/</span><ahref="#">童装</a><span>/</span><a href="#">玩具</a></li><li class="iconfont icon-nanzhuang"><a href="#">男装</a><span>/</span><a href="#">运动户外</a></li><li class="iconfont icon-huabanfuben"><a href="#">美妆</a><span>/</span><ahref="#">彩妆</a><span>/</span><a href="#">个护</a></li><li class="iconfont icon-shouji"><a href="#">手机</a><span>/</span><a href="#">数码</a><span>/</span><ahref="#">企业</a></li><li class="iconfont icon-xingzhuang"><a href="#">大家电</a><span>/</span><a href="#">生活电器</li><li class="iconfont icon-binggan"><a href="#">零食</a><span>/</span><a href="#">生鲜</a><span>/</span><ahref="#">茶酒</a></li><li class="iconfont icon-guo"><a href="#">厨具</a><span>/</span><a href="#">收纳</a><span>/</span><ahref="#">清洁</a></li><li class="iconfont icon-fangchan"><a href="#">家纺</a><span>/</span><ahref="#">家饰</a><span>/</span><a href="#">鲜花</a></li><li class="iconfont icon-mybook"><a href="#">图书音像</a><span>/</span><a href="#">文具</li><li class="iconfont icon-yiliao"><a href="#">医药保健</a><span>/</span><a href="#">进口</li><li class="iconfont icon-qiche"><a href="#">汽车</a><span>/</span><a href="#">二手车</a><span>/</span><ahref="#">用品</a></li><li class="iconfont icon-fangchan"><a href="#">房产</a><span>/</span><ahref="#">装修家具</a><span>/</span><a href="#">建材</a></li><li class="iconfont icon-shoubiao"><a href="#">手表</a><span>/</span><ahref="#">眼镜</a><span>/</span><a href="#">珠宝饰品</a></li></ul></div><div class="message"><div class="title"><ul><li><a href="#">天猫</a></li><li><a href="#">聚划算</a></li><li><a href="#">天猫超市</a></li><li>|</li></ul><ul><li><a href="#">司法拍卖</a></li><li><a href="#">聚飞猪旅行</a></li><li><a href="#">天天特卖</a></li><li>|</li></ul><ul><li><a href="#">造点新货</a></li><li><a href="#">苏宁易购</a></li><li><a href="#">淘宝心选</a></li><li><a href="#">智能生活</a></li></ul></div><div class="moudle"><div class="banner"><div class="banner1"><div class="wrap" id="wrap"><div class="box"><!-- 等待banenr1渲染 --></div><div class="pre btnchange" id="prel" onclick="pre()"><span id="preSpan"><</span></div><div class="next btnchange" id="nextl" onclick="next()"><span id="nextSpan">></span></div><div class="dian"><span class="btn"></span><span class="btn"></span><span class="btn"></span><span class="btn"></span><span class="btn"></span></div></div></div><p><span>理想生活上天猫</span><span><span id="banner2Span"></span>/5</span></p><div class="banner2"><div class="wrap2" id="wrap2"><div class="box2"><!-- 等待banner2渲染 --></div><div class="pre1 btnchange" id="prel2" onclick="pre2()"><span id="preSpan2"><</span></div><div class="next1 btnchange" id="nextl2" onclick="next2()"><spanid="nextSpan2">></span></div></div></div></div><div class="colRight"><div class="ueserPhoto"><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/79f9e95c-0506-4b7c-b63f-38ee65944c4c.jpg"alt=""><p>Hi! <span> 你好</span></p></div><div class="userBtn"><ul><li><a href="#">登录</a></li><li><a href="#">注册</a></li><li><a href="#">开店</a></li></ul></div><div class="banner3"><div class="wrap3" id="wrap3"><div class="box3"><!-- 等待banenr3渲染 --></div><div class="dian3"><span class="btn"></span><span class="btn"></span></div></div></div><div class="notice"><p><span>公告</span><span>新鲜事儿都在这里~</span></p><ul id="noticeUl"><!-- 等待传输数据 --></ul></div><div class="userHome"><a href="#"><dl><dt class="iconfont icon-shoucang"></dt><dd>收藏的宝贝</dd></dl></a><a href="#"><dl><dt class="iconfont icon-dianpu"></dt><dd>买过的店铺</dd></dl></a><a href="#"><dl><dt class="iconfont icon-dianpu1"></dt><dd>收藏的店铺</dd></dl></a><a href="#"><dl><dt class="iconfont icon-wodezuji"></dt><dd>我的足迹</dd></dl></a></div></div></div></div></main><div class="layer" id="shopNice"><h3><span>有好货</span><span>全民口碑</span></h3><ul class="layerBox1" id="layerBox1"><!-- 等待渲染 --></ul></div><div class="layer" id="youLike"><h3><span>猜你喜欢</span><span class="ownSize">个性推荐</span></h3><ul class="layerBox2" id="layerBox2"><!-- 等待渲染 --></ul></div><div id="tips">正在加载 ...</div><div class="end"> - END -</div><div class="helper"><div class="mod"><h4><i class="iconfont icon-dunpai"></i><span>消费者保障</span></h4><ul><li><a href="#">保障范围</a></li><li><a href="#">退货退款流程</a></li><li><a href="#">服务中心</a></li><li><a href="#">更多特色服务</a></li></ul></div><div class="mod"><h4><i class="iconfont icon-bangzhu"></i><span>新手上路</span></h4><ul><li><a href="#">新手专区</a></li><li><a href="#">消费警示</a></li><li><a href="#">交易安全</a></li><li><a href="#">24小时在线帮助</a></li><li><a href="#">免费开店</a></li></ul></div><div class="mod"><h4><i class="iconfont icon-daifukuan"></i><span>付款方式</span></h4><ul><li><a href="#">快捷支付</a></li><li><a href="#">信用卡</a></li><li><a href="#">余额宝</a></li><li><a href="#">蚂蚁花呗</a></li><li><a href="#">货到付款</a></li></ul></div><div class="mod"><h4><i class="iconfont icon-taobaotese"></i><span>淘宝特色</span></h4><ul><li><a href="#">手机淘宝</a></li><li><a href="#">旺旺/旺信</a></li><li><a href="#">大众评审</a></li></ul></div></div></section><footer><div class="taobaoft" ><ul id="taobaoft1"><!-- 渲染 --></ul><ul id="taobaoft2"><!-- 渲染 --></ul><ul><a href="#"></a><a href="#"></a> <a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a></ul><div><a href="#"></a></div></div></footer>
</body>
<script src="./js/index.js"></script>
<script src="./js/banner1.js"></script>
<script src="./js/banner2.js"></script>
<script src="./js/banner3.js"></script>
<script src="./js/notice.js"></script>
<script src="./js/shopList.js"></script></html>css部分
* {margin: 0;padding: 0;}a {text-decoration: none;color: #5f5c5c;}li,dd,dt {list-style: none;}body{background-color: #dc2609;}aside{position: absolute;z-index: 990;right: 100px;top: 520px;width: 50px;border-radius: 10px;background-color: #fff;}aside > span{font-size: 40px!important;position: absolute;z-index: -1111;top: -25px;left: 5px;color: #ff5000;}aside ul{overflow: hidden;border-radius: 10px;}aside ul li{background-color: #fff;height: 50px;text-align: center;box-sizing: border-box;}aside ul li:nth-child(3){display: none;}aside ul li:nth-child(3) p{width: 50px;}aside ul li:nth-child(2) a{color: red;}aside ul li a{box-sizing: border-box;height: 50px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 13px;color: #333;padding: 7px;}aside ul li a.active{background-image: linear-gradient(to right,#ff9000 ,#ff5000);color: #fff;font-weight: bold;}aside ul li a:hover{color: #fff;font-weight: bold;background-image: linear-gradient(to right,#ff9000 ,#ff5000);}header {background-color: #f5f5f5;}header .nav {width: 1190px;margin: 0 auto;height: 34px;line-height: 34px;display: flex;justify-content: space-between;}header .nav ul {display: flex;}header .nav ul li {display: flex;align-items: center;}header .nav ul li a {font-size: 12px;padding: 0 9px;}header .nav ul li a span {color: #f37759;}header svg.xia {width: 10px;height: 10px;}header svg.font14 {width: 12px;height: 12px;margin-left: 5px;}header .adv{background-color:#dc2609;}header .adv dl{width: 1190px;margin: 0 auto;height: 100px;display: flex;align-items: center;}header .adv dl dt{width: 80px;height: 80px;padding: 10px 10px 10px 15px;background:url("https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/e0bf39ca-c5a3-4259-8b68-13276b54dfe9.png") no-repeat center center;background-size: 80px 80px;}header .adv dl dt a{display: block;height: 80px;}header .adv dl dd{border-radius: 10px;width: 209px;height: 75px;margin-right: 10px;background-size: cover;flex-shrink: 0;}header .adv dl dd:nth-child(2){background: url("https://img.alicdn.com/imgextra/i3/O1CN01Yk8PqI1dwuAhbdZ0C_!!6000000003801-2-tps-209-75.png") no-repeat;}header .adv dl dd:nth-child(3){background: url("https://img.alicdn.com/imgextra/i4/O1CN012jwgAw1cqfAONj265_!!6000000003652-2-tps-209-75.png") no-repeat;}header .adv dl dd:nth-child(4){background: url("https://img.alicdn.com/imgextra/i2/O1CN01Bn9SGf1jVK1Or77g3_!!6000000004553-2-tps-209-75.png") no-repeat;}header .adv dl dd:nth-child(5){background: url("https://img.alicdn.com/imgextra/i2/O1CN013rJWM41rTVNREErEm_!!6000000005632-2-tps-209-75.png") no-repeat;}header .adv dl dd:nth-child(6){background: url("https://img.alicdn.com/imgextra/i1/O1CN01KeEsvI1JnTi64JJDx_!!6000000001073-2-tps-209-75.png") no-repeat;}header .adv dl dd:last-of-type{margin-right: 0;}header .adv dl dd a{display: block;position: relative;}header .adv dl dd a p{margin-top: 12px;margin-left: 20px;font-size: 20px;line-height: 28px;height: 28px;color: #fff;}header .adv dl dd a span{display: block;margin-left: 20px;line-height: 20px;height: 16px;font-size: 14px;color: #fff;}header .adv dl dd a img{position: absolute;border-radius: 10px;top: 0px;right: 14px;width: 52px;height: 52px;}header .topScroll {width: 100%;background-color: #fff;z-index: 9999;position: fixed;top: 0;display: none;}header .topScroll >div {width: 1190px;background-color: #fff;margin: 0 auto;height: 55px;display: flex;justify-content: center;align-items: center;background: url("https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/cc75dc9f-179d-441a-849d-e72e85942f4e.png") no-repeat 0px -2px #fff;background-size: contain;}header .topScroll form {width: 560px;height: 40px;border: 3px solid #ff3800;box-sizing: border-box;border-radius: 20px 0 0 20px;overflow: hidden;display: flex;align-items: center;position: relative;}header .topScroll select{outline: none;border: none;padding-left: 20px;padding-right: 20px;height: 40px;background-color: #f4f4f4;font-size: 12px;line-height: 40px;margin-right: 10px;appearance: none;}header .topScroll svg.xia{width: 15px;height: 15px;position: absolute;left: 45px;}header .topScroll input {outline: none;border: none;height: 40px;text-indent: 5px;}header .topScroll form input[type="text"] {flex: 1;font-size: 12px;}header .topScroll input[type="submit"] {width: 70px;background-color: #ff4200;color: #fff;cursor: pointer;border-radius: 0 20px 20px 0;}section{background-color: #dc2609;}section main {display: flex;padding: 15px 0 15px;width: 1190px;background-color: #fff;margin: 0 auto;overflow: hidden;}footer{background-color:#fff;display: flex;justify-content: center;margin-top: 20px;}
footer .taobaoft{width: 1190px;margin:0 auto;background-color: #fff;
}
footer ul{padding: 7px 0;display: flex;flex-wrap: wrap;
}
footer ul:first-of-type {border-bottom: 1px solid #ddd;
}
footer ul li{flex-shrink:0 ;
}
footer ul li a:hover{color: #ff5000;
}
footer ul li a{text-align: center;color: #6c6c6c;font-size: 12px;margin: 0 4px;line-height: 30px;height: 30px;
}footer ul li span{color: #ddd;font-size: 12px;
}
footer ul:last-of-type{background: url("https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg") no-repeat;
}
footer div.taobaoft div{position: relative;top: -30px;
}
footer div.taobaoft div a{display: block;height: 30px;background: url("https://img.alicdn.com/tfs/TB1SKn6MAY2gK0jSZFgXXc5OFXa-249-40.jpg") no-repeat;
}
footer ul a{width: 230px;height: 30px;
}section .sectionSearch .search{background-color: #fff;border-radius: 15px 15px 0 0 ;width: 1190px;margin: 0 auto;height: 100px;padding-top: 24px;position: relative;
}
section .sectionSearch .search .logo{margin-top: 8px;width: 190px;height: 80px;background: url(" https://gw.alicdn.com/imgextra/i3/O1CN01uRz3de23mzWofmPYX_!!6000000007299-2-tps-143-59.png") no-repeat center top;
}
section .sectionSearch .search .logo a{text-indent: -9999px;display: block;
}
section .sectionSearch form{position: absolute;top: 34px;left: 258px;z-index: 1000;}section .search form {width: 630px;height: 42px;border: 1px solid #ff3800;box-sizing: border-box;border-radius: 20px;overflow: hidden;display: flex;align-items: center;background-color: #fff;
}section .search select{appearance: none;outline: none;border: none;padding-left: 25px;height: 42px;font-size: 12px;line-height: 40px;padding-right: 25px;margin-right: 5px;border-right: 1px solid #eee;
}section .search input {outline: none;border: none;height: 42px;text-indent: 5px;
}section .search form input[type="text"] {flex: 1;font-size: 12px;
}section .search input[type="submit"] {width: 70px;height: 34px;background-image: linear-gradient(to right,#ff9000 ,#ff5000);color: #fff;cursor: pointer;border-radius: 20px;margin-right: 5px;font-size: 18px;
}
section .search svg.xia{position: absolute;width: 10px;height: 10px;left: 55px;
}
section .imgDl{width: 76px;height: 90px;position: absolute;right: 110px;top: 24px;border: 1px solid #eee;
}
section .imgDl p{height: 20px;line-height: 20px;font-size: 12px;color: #ff5000!important;text-align: center;
}
section .imgDl a{display: block;
}
section .imgDl img{display: block;width: 62px;height: 62px;margin: 0 auto;
}section .target{width: 598px;height: 18px;position: absolute;top: 78px;left: 258px;z-index: 1000;overflow: hidden;
}
section .target a{font-size: 12px;
}
section .target a:hover{color: #ff3800;
}
section .target a:nth-child(3){color: #ff3800;
}section main .mainNav {width: 235px;display: flex;flex-direction: column;
}section main .mainNav h3 {font-size: 14px;padding-left: 65px;color: #ff812d;font-weight: 500;
}section main .mainNav ul {padding-left: 14px;
}section main .mainNav li {color: #666;margin-top: 14px;display: flex;
}section main .mainNav li:hover {color: #ff812d;
}section main .mainNav li:hover a {color: #ff812d;
}section main .mainNav li a:hover {text-decoration: underline;text-decoration-color: #ff812d;
}section main .mainNav .iconfont {font-size: 16px !important;
}section main .mainNav li a {flex-shrink: 0;font-size: 14px;color: #666;
}section main .mainNav li a:first-of-type {margin-left: 14px;
}section main .mainNav li span {flex-shrink: 0;margin: 0 9px;
}section main .message {flex: 1;}section main .message .title {margin-left: 25px;display: flex;}section main .message .title ul {display: flex;}section main .message .title ul li {flex-shrink: 0;}section main .message .title ul li a {display: block;padding: 0 10px;font-size: 14px;transition-duration: 0.5s;}section main .message .title ul:nth-child(1) li:nth-child(1) a {color: #ff2145;}section main .message .title ul:nth-child(1) li:nth-child(2) a {color: #ff2145;}section main .message .title ul:nth-child(1) li:nth-child(3) a {color: #50d471;}section main .message .title ul li a:hover {color: #F37759!important;}section main .message .title ul li:last-child {font-size: 14px;}.banner1 {margin-top: 15px;}.banner1 .wrap {width: 515px;height: 280px;border-radius: 10px;position: relative;overflow: hidden;}.banner1 .box {height: 280px;width: 3605px;position: absolute;left: -515px;}.banner1 .item {width: 515px;height: 280px;float: left;font-size: 100px;color: white;text-align: center;line-height: 280px;}.btnchange {cursor: pointer;position: absolute;z-index: 9999;top: 50%;width: 20px;height: 30px;line-height: 30px;color: white;transform: translateY(-15px);background-color: rgba(0, 0, 0, 0.3);display: none;}.banner1 .pre {padding-left: 3px;border-radius: 0 15px 15px 0;left: 0;}.banner1 .next {text-align: right;padding-right: 3px;border-radius: 15px 0 0 15px;right: 0px;}.banner1 .dian {padding-left: 3px 3px 0;width: 70px;height: 16px;border-radius: 8px;background-color: rgba(255, 255, 255, 0.3);position: absolute;bottom: 15px;left: 50%;transform: translate(-32px);}.banner1 .btn {width: 8px;height: 8px;border-radius: 4px;background-color: white;float: left;margin: 3px;}.moudle {display: flex;justify-content: space-between;}.banner > p{text-indent: 95px;display: flex;justify-content: space-between;width: 515px;height: 30px;line-height: 35px;font-size: 14px;background:url("https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/110d5eae-ffe6-4e7c-91c5-479e1cd92a18.png") no-repeat left -8px #fff;}.banner > p > span:nth-child(1){color: #999;}.banner > p > span:nth-child(2){color: #333;}.banner > p span span{color: #ff1648;}.banner2{width: 515px;height: 200px;border-radius: 10px;background-color: #f6f6f6;overflow: hidden;position: relative;}.banner2 .wrap2{position: relative;height: 186px;}.banner2 .box2{height: 186px;position: absolute;z-index: 999;left: -515px;display: flex;flex-wrap: nowrap;}.banner2 .item2 {width: 515px;padding: 7px 3px 7px;box-sizing: border-box;height: 200px;flex-shrink: 0;color: rgb(170, 103, 103);}.banner2 .item2 img{border-radius: 10px;width: 250px;height: 190px;}.banner2 .item2 img:nth-child(1){margin-left: 2px;}.banner2 .item2 img:nth-child(2){margin-left: 5px;}.banner2 .pre1{padding-left: 3px;border-radius: 0 15px 15px 0;left: 0px;}.banner2 .next1 {text-align: right;padding-right: 3px;border-radius: 15px 0 0 15px;right:0px;}.colRight{width: 384px;height: 508px;box-sizing: border-box;border-radius: 12px;margin-right: 18px;margin-top: 15px;padding: 0 15px;background-color: #F3F3F3;}.colRight .ueserPhoto{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 110px;}.colRight .ueserPhoto img{width: 50px;height: 50px;border-radius: 50%;}.colRight .ueserPhoto p{margin-top: 5px;font-size: 12px;color: #3c3c3c;}.colRight .ueserPhoto p span{font-weight: 700;}.colRight .userBtn ul{display: flex;width: 354px;justify-content: space-between;}.colRight .userBtn ul li{text-align: center;flex-shrink: 0;width: 115px;height: 32px;line-height: 32px;border-radius: 4px;background-image: linear-gradient(to right,#ff5100,#ff6f06);}.colRight .userBtn ul li a {display: block;color: #fff;font-size: 14px;}.colRight .banner3{margin: 15px 0;}.colRight .banner3 .wrap3{overflow: hidden;width: 354px;height: 141px;border-radius: 10px;position: relative;}.colRight .banner3 .wrap3 .box3{height: 141px;position: absolute;z-index: 999;left: -354px;display: flex;flex-wrap: nowrap;}.colRight .banner3 .wrap3 .item3{width: 354px;height: 141px;flex-shrink: 0;}.banner3 .dian3 {padding-left: 3px 3px 0;width: 30px;height: 16px;border-radius: 8px;background-color: rgba(255, 255, 255, 0.3);position: absolute;z-index: 999;bottom: 5px;left: 50%;transform: translate(-15px);}.banner3 .btn {width: 8px;height: 8px;border-radius: 4px;background-color: white;float: left;margin: 3px;}.colRight .notice >p { margin-bottom: 15px;display: flex;}.colRight .notice >p span:nth-child(1){font-size: 12px;color: #3c3c3c;font-weight: 600;}.colRight .notice >p span:nth-child(2){margin-left: 5px;font-size: 12px;color: #3c3c3c;}.colRight .notice ul{width: 354px;}.colRight .notice ul li{display: flex;margin-bottom: 7px;}.colRight .notice ul li span{width: 40px;height: 20px;background-color: #f5e8e8;line-height: 20px;text-align: center;font-size: 12px;font-weight: bold;color: #fc7f46;}.colRight .notice ul li p{font-size: 12px;margin-left: 10px;width: 390px;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666666;}.colRight .userHome{margin-top: 20px;display: flex;align-items: center;justify-content: space-between;}.colRight .userHome a dl{width: 80px;text-align: center;}.colRight .userHome a dl dt{color: #333;font-size: 24px;}.colRight .userHome a:hover dl dt{color: #fc7f46;}.colRight .userHome a dl dd{color: #666666;margin-top: 7px;font-size: 12px;}.layer {width: 1190px;background-color: #fff;margin: 0 auto;}
.layer h3{padding: 20px 0 20px 20px;display: flex;
}
.layer h3 span:first-child{font-size: 24px;line-height: 24px;font-weight: normal;
}
.layer h3 span:last-child{width: 65px;height: 20px;margin-top: 4px;margin-left: 6px;font-size: 14px;color: #fff;background-color: rgb(73, 165, 240);text-align: center;line-height: 20px;font-weight: normal;border-radius: 3px;
}
.layer h3 span:last-child.ownSize{background-image: linear-gradient(to right,#ff9000 0,#ff5000 100%);
}.layer ul{width: 1190px;margin: 0 auto;background-color: #fff;display: flex;flex-wrap: wrap;box-sizing: border-box;
}
.layer ul.layerBox1 li {width: 215px;height: 264px;box-sizing: border-box;border-radius: 8px;padding: 5px 5px 10px;margin: 2px 10px ;overflow: hidden;cursor: pointer;
}
.layer ul.layerBox1 li:hover span{transition-duration: 0.3s;color: tomato;
}
.layer ul.layerBox1 img{margin-bottom: 0;
}
.layer ul.layerBox1 li span{font-weight: 300;display: block;font-size: 16px;text-indent: 5px;
}
.layer ul.layerBox1 li p{margin-top: 2px;color: #999;white-space: nowrap;text-indent: 5px;font-size: 14px;width: 182px;height: 24px;overflow: hidden;text-overflow: ellipsis;
}.layer ul.layerBox2 li{width: 215px;height: 319px;box-sizing: border-box;border-radius: 8px;padding: 5px 5px 10px;margin: 2px 10px ;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;
}
.layer ul.layerBox2 li:hover{background-color: #fff;color: red;box-shadow: 5px 5px 15px #e3e3e3, -5px -5px 15px #e3e3e3;transition-duration: 0.5s;
}
.layer ul li img{width: 100%;height: 215px;margin-bottom: 5px;border-radius: 8px;
}
.layer ul.layerBox2 li p{font-size: 16px;width: 100%;height: 44px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
}
.layer ul.layerBox2 li span{font-size: 20px;color: tomato;margin: 10px 0 5px;
}
.layer ul.layerBox2 li span::first-letter{font-size: 12px;margin-right: 3px;
}
#tips{background-color: #fff;width: 1190px;margin:0 auto;text-align: center;display: none;
}
.end{overflow: hidden;font-size: 18px;color: #ccc;text-align: center;width: 1190px;padding: 20px 0;margin: 0px auto;background-color: #fff;
}
.helper{width: 1190px;background-color: #fff;margin: 0 auto;border-radius: 0 0 20px 20px ;display: flex;padding-top: 40px;
}
.helper .mod{flex: 1;padding: 0 25px;height: 140px;
}
.helper .mod h4{height: 48px;margin-bottom: 5px;
}
.helper .mod h4 i{color: #999;float: left;font-size: 32px;line-height: 48px;
}
.helper .mod h4 span{float: left;margin-left: 12px;padding-top: 12px;font-size: 16px;font-weight: normal;
}
.helper .mod ul {display: flex;font-size: 12px;color: #999;flex-wrap: wrap;
}
.helper .mod ul li{margin-right: 10px;
}
node.js后台数据(端口8005)
const express = require('express');
const cors = require('cors')
const bodyParser = require('body-parser')
const app = express();
app.use(cors());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));app.get('/banner', (req, res) => {if(req.query.num ==1){res.send([{img:"https://img.alicdn.com/imgextra/i2/6000000005527/O1CN01TmGkpG1qhPn07aisP_!!6000000005527-0-octopus.jpg"},{img:"https://gtms03.alicdn.com/tps/i3/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg"},{img:"https://gtms01.alicdn.com/tps/i1/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg"},{img:"https://gtms02.alicdn.com/tps/i2/TB10vPXKpXXXXacXXXXvKyzTVXX-520-280.jpg"},{img:"https://img.alicdn.com/imgextra/i2/6000000005527/O1CN01TmGkpG1qhPn07aisP_!!6000000005527-0-octopus.jpg"},])}else if(req.query.num ==2){res.send([{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/e01d1d2e-56d5-4e37-aa4f-7c340607f8a2.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/3ca1a6a8-a927-4727-b580-fae4a0d20ae5.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/31803dd5-cb17-4d79-b474-c52b65cfb28a.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/d9d78dfa-c676-4a3e-9a8d-497af9352628.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/918ad33e-10fd-4b73-b141-4898b8fb0791.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/edec4777-7a1f-45ca-9166-79b674bdd9ff.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/e01d1d2e-56d5-4e37-aa4f-7c340607f8a2.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/3ca1a6a8-a927-4727-b580-fae4a0d20ae5.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/31803dd5-cb17-4d79-b474-c52b65cfb28a.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/d9d78dfa-c676-4a3e-9a8d-497af9352628.jpg'}])}else{console.log('错误请求')}
});
app.get('/banner2', (req, res) => {if(req.query.num ==2){res.send([{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/e01d1d2e-56d5-4e37-aa4f-7c340607f8a2.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/3ca1a6a8-a927-4727-b580-fae4a0d20ae5.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/31803dd5-cb17-4d79-b474-c52b65cfb28a.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/d9d78dfa-c676-4a3e-9a8d-497af9352628.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/918ad33e-10fd-4b73-b141-4898b8fb0791.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/edec4777-7a1f-45ca-9166-79b674bdd9ff.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/e01d1d2e-56d5-4e37-aa4f-7c340607f8a2.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/3ca1a6a8-a927-4727-b580-fae4a0d20ae5.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/31803dd5-cb17-4d79-b474-c52b65cfb28a.jpg',img2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/d9d78dfa-c676-4a3e-9a8d-497af9352628.jpg'}])}
});app.get('/banner3', (req, res) => {if(req.query.num ==3){res.send([{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/0517484c-cb04-4404-ab49-f590bc72f395.jpg'},{img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/37dcc535-ab1e-41fa-b84c-8b9702ac1994.png'}])}
});app.get('/notice', (req, res) => {res.send([{title:"规则",contents:"2021年淘宝12.12招商规则"},{title:"热点",contents:"关于推进'清朗'账号乱象专项整治的通知"},{title:"热点",contents:"淘宝平台打击流量造假、黑公关、网络水军公告"},])
});app.get('/headerAdv',(req,res)=>{res.send([{img:"https://img.alicdn.com/imgextra/i3/O1CN01Yk8PqI1dwuAhbdZ0C_!!6000000003801-2-tps-209-75.png"},{img:"https://img.alicdn.com/imgextra/i4/O1CN012jwgAw1cqfAONj265_!!6000000003652-2-tps-209-75.png"},{img:"https://img.alicdn.com/imgextra/i2/O1CN01Bn9SGf1jVK1Or77g3_!!6000000004553-2-tps-209-75.png"},{img:"https://img.alicdn.com/imgextra/i2/O1CN013rJWM41rTVNREErEm_!!6000000005632-2-tps-209-75.png"},{img:"https://img.alicdn.com/imgextra/i1/O1CN01KeEsvI1JnTi64JJDx_!!6000000001073-2-tps-209-75.png"},])
});app.get('/adv',(req,res)=>{res.send([{title:"原厂直供",dics:"好货不止五折",img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/43804342-f2dd-4cce-b2c6-722e3f5a06ab.jpg"},{title:"图书音像",dics:"好书不止五折",img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/05ab6381-fc33-4fc8-9e04-069cf83296ac.jpg"},{title:"时尚配置",dics:"大牌不止五折",img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/6c5f6300-27ad-44e1-a729-9d4700053de7.jpg"},{title:"先锋设计",dics:"限时两件七折",img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/79937e84-efb4-4aed-82ea-848878dd8998.jpg"},{title:"精致护肤",dics:"优秀不止八折",img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32f0528f-8e23-418a-b440-475e0e1272df.jpg"}])
});app.get('/advsn',(req,res)=>{res.send([{mes:"新款连衣裙"},{mes:"四件套"},{mes:"潮流T恤"},{mes:"时尚女鞋"},{mes:"短裤"},{mes:"半身裙"},{mes:"男士外套"},{mes:"墙纸"},{mes:"行车记录仪"},{mes:"新鞋男款"},{mes:"耳机"},{mes:"时尚女包"},{mes:"沙发"}])
});app.get('/footerList1',(req,res)=>{res.send(["阿里巴巴集团","淘宝网","天猫","聚划算","全球速卖通","阿里巴巴国际交易市场","1688","阿里妈妈","飞猪","淘小铺","阿里云计算","AliOS","阿里通信","一淘","万网","高德","UC","友盟","阿里安全","大麦网","钉钉","支付宝","优酷","土豆","阿里健康","阿里影业","网商银行"])
});
app.get('/footerList2',(req,res)=>{res.send(["关于淘宝 营销中心 廉正举报 联系客服 开放平台 诚征英才 联系我们 隐私权政策 法律声明知识产权不当竞争举报规则意见征集","© 2003-现在 Taobao.com 版权所有增值电信业务经营许可证：浙B2-20080224","增值电信业务经营许可证（跨地区）： B2-20150210","浙网文（2019）1033-086号","浙江省网络食品销售第三方平台提供者备案：浙网食A33010001","互联网药品信息服务资格证书（浙）-经营性-2018-0010","短消息类服务接入代码使用证书：号【2016】00154-A01","信息网络传播视听许可证：1109364号","出版物网络交易平台服务经营备案号：新出发浙备字第002号","浙公网安备 33010002000078号","浙B2-20080224-1","广播电视节目制作经营许可证（浙）字第01012号","市场名称登记证：工商网市字3301004120号","医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号"])
});
app.get('/shopNice',(req,res)=>{res.send([{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756",mess:"BlackBerry/黑莓"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729",mess:"男鞋跑步鞋2021秋"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9",mess:"公关课音视顿"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8",mess:"韩国肩颈前倾矫正神器"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977",mess:"吃鸡电竞本"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88",mess:"遥控飞机迷你无人机"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"}])
});app.get('/shopLike',(req,res)=>{res.send([{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/428afdb2-879a-447d-a4e3-827e3cdc606e.png",name:"BlackBerry/黑莓KEYONE安卓全键盘双卡key1个性4G情怀智",price:"¥756"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/ea792d61-1288-4d69-9238-1dfa66b303a6.png",name:"NIKE村克男鞋跑步鞋2021秋冬品牌新款AIR MAX 97气垫运动鞋 ",price:"¥729"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/39496327-ff53-4614-bc3e-0d88d2d92588.png",name:"设计策划策略战略洞察体系模型方法命名公关课音视顿",price:"¥9.9"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/9d5ae714-d8a3-431a-941d-6fce890dc9e1.png",name:"韩国肩颈前倾矫正神器防低头办公室家用理疗颈托改善脖子",price:"¥40.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/32e8a9e4-4f96-446e-a040-8d6ff914f618.png",name:"酷睿17吃鸡电竞本外星人Alienware 17发烧玩家畅享游",price:"¥1977"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/7ba160de-7590-42cf-a71e-9207f1910a48.png",name:"天猫遥控飞机迷你无人机小学生充电动耐摔小型儿童男 ",price:"¥88"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fa99af4-8439-4243-8578-206cdfa96d4e.png",name:"王者荣耀全套英雄教学射手上分攻略打野意识铭文出装连招",price:"¥21.8"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/a9098ca3-f091-41e5-bce6-e6b0f93c7b6a.png",name:"缓解预防驾考面试演讲驾照考试不紧张减压手脚抖镇静糖药",price:"¥45"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/aa38fcc9-18cb-4de6-b04a-512442efd89f.png",name:"Mac mini草果迷你主机MGEM2N2Q2项配便携办公商务家用",price:"¥1918"},{img:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fdf66a07-037c-45fa-83f3-1574ed5b2df6/5fae2386-7e6d-4041-8b93-a7b4fe32b9ad.png",name:"Nike耐克官方AIR FORCE 1CRATER男子运动鞋新款板鞋",price:"¥849"},])
});app.listen(8005, "localhost", () => {console.log("启用服务器8005窗口")
});JS部分
// 标题搜索滚动
var topScroll = document.querySelector(".topScroll");
var asideLi = document.querySelectorAll("aside li a")
document.onscroll = function() {var sTop = document.documentElement.scrollTop;if (sTop > 200) {topScroll.style.display = "block";} else {topScroll.style.display = "none";}if(sTop>468){aside.style.position = "fixed"aside.style.top = "80px"}else{aside.style.position ="absolute"aside.style.top = "520px";}if(sTop>700){tarTotop.style.display = "block"}else{tarTotop.style.display = "none"}if(sTop>1000){asideLi[0].className = ""asideLi[1].className = "active"}else{asideLi[1].className = ""asideLi[0].className = "active"}}
tarTotop.onclick = function(e){e.preventDefault();window.scrollTo({top:0,behavior:"smooth"});
}var advList=[]
axios({url:'http://localhost:8005/adv',method:'get',
}).then((res)=>{advList = res.data renderAdv()
})
function renderAdv(){var str= `<dt><a href="#"></a></dt>`;advList.forEach(ele => {str+=`<dd class="advDd"><a href="#"><p>${ele.title}</p><span>${ele.dics}</span><img src="${ele.img}"></a></dd>`});advDl.innerHTML = str
}var advsnList=[]
axios({url:'http://localhost:8005/advsn',method:'get',
}).then((res)=>{advsnList = res.data renderAdvsn()
})
function renderAdvsn(){var str= ``;advsnList.forEach(ele => {str+=`<a href="#">${ele.mes}</a>`});advsn.innerHTML = str
}//footervar footerList1=[]
axios({url:'http://localhost:8005/footerList1',method:'get',
}).then((res)=>{footerList1= res.data renderfooterList1()
})
function renderfooterList1(){var str= ``;footerList1.forEach(ele => {str+=`<li><a href="#">${ele}</a><span> | </span></li>`});taobaoft1.innerHTML = str
}var footerList2=[]
axios({url:'http://localhost:8005/footerList2',method:'get',
}).then((res)=>{footerList2= res.data renderfooterList2()
})
function renderfooterList2(){var str= ``;footerList2.forEach(ele => {str+=`<li><a href="#">${ele}</a><span> | </span></li>`});taobaoft2.innerHTML = str
}// banner1
var oBox = document.querySelector(".box")
var aItem = document.querySelectorAll(".item")
var aBtn = document.querySelectorAll(".dian .btn")
var oDian = document.querySelector(".dian")
var time;
var timeB;
var bol;
var index = 1;
var flag1 = true;
btnCol();wrap.onmouseover = function() {prel.style.display = "block";nextl.style.display = "block";clearInterval(timeB);
}
wrap.onmouseout = function() {prel.style.display = "none";nextl.style.display = "none";timeB = setInterval(function() {next();}, 3000);
}
prel.onmousedown = function(e) { e.preventDefault();
}
nextl.onmousedown = function(e) { e.preventDefault();
}
timeB = setInterval(function() {next();
}, 3000);for (let i = 0; i < aBtn.length; i++) {aBtn[i].index = i;var index2 = 1;aBtn[i].onclick = function(e) {index = this.index + 1;if (index2 == index) return;if (index2 > index) {bol = false;} else {bol = true;}btnCol();moveWidthIndex();index2 = index;}
}function next(e) {if (flag1) {flag1 = false;clearInterval(time);bol = true;index++;btnCol();moveWidthIndex()if (index === 6) {index = 1;}}
}function pre(e) {if (flag1) {flag1 = false;clearInterval(timeB);bol = false;index--;btnCol();moveWidthIndex()if (index === -1) {index = 4;oBox.style.left = (index + 1) * -515 + "px";}}
}function moveWidthIndex() {var count = 0;var l = bol ? 515 : -515;time = setInterval(function() {count++;oBox.style.left = oBox.offsetLeft - l / 10 + "px";if (count == 10) {clearInterval(time);oBox.style.left = (index) * -515 + "px";flag1 = true;}}, 30);
}function btnCol() {for (let i = 0; i < aBtn.length; i++) {aBtn[i].style.backgroundColor = "";}if (index > 5) { index = 1 }if (index < 1) { index = 5 }aBtn[index - 1].style.backgroundColor = "#ff5000";}var bannerlist1=[]
axios({url:'http://localhost:8005/banner',method:'get',params:{'num':'1'}
}).then((res)=>{bannerlist1 = res.data renderBanner1()
})
function renderBanner1(){var str= `<div class="item"><imgsrc="${bannerlist1[4].img}"></div> `;bannerlist1.forEach(ele => {str+=`<div class="item"><imgsrc="${ele.img}"></div> `});str+= `<div class="item"><imgsrc="${bannerlist1[0].img}"></div> `;oBox.innerHTML = str
}// banner2
var oBox2 = document.querySelector(".box2")
var aItem2 = document.querySelectorAll(".item2")
var time2;
var timeB2;
var bol2;
var index2 = 1;
banner2Span.innerHTML = index2;
var flag2 = true;wrap2.onmouseover = function() {prel2.style.display = "block";nextl2.style.display = "block";clearInterval(timeB2);
}
wrap2.onmouseout = function() {prel2.style.display = "none";nextl2.style.display = "none";timeB2 = setInterval(function() {next2();}, 3000);
}
prel2.onmousedown = function(e) { e.preventDefault();
}
nextl2.onmousedown = function(e) { e.preventDefault();
}
timeB2 = setInterval(function() {next2();
}, 3000);function next2(e) {if (flag2) {flag2 = false;clearInterval(time2);bol2 = true;index2++;moveWidthIndex2()if (index2 === 6) {index2 = 1;}banner2Span.innerHTML = index2;}
}function pre2(e) {if (flag2) {flag2 = false;clearInterval(timeB2);bol2 = false;index2--;moveWidthIndex2()if (index2 === 0) {index2 = 5;oBox2.style.left = (index2 + 1) * -515 + "px";}banner2Span.innerHTML = index2;}
}function moveWidthIndex2() {var count2 = 0;var l = bol2 ? 515 : -515;time2 = setInterval(function() {count2++;oBox2.style.left = oBox2.offsetLeft - l / 10 + "px";if (count2 == 10) {clearInterval(time2);oBox2.style.left = (index2) * -515 + "px";flag2 = true;}}, 30);
}var bannerlist2=[]
axios({url:'http://localhost:8005/banner2',method:'get',params:{'num':'2'}
}).then((res)=>{bannerlist2 = res.data renderBanner2()
})
function renderBanner2(){var str= `<div class="item2 "><img src="${bannerlist2[4].img}"> <img src="${bannerlist2[4].img2}"></div>`;bannerlist2.forEach(ele => {str+=`<div class="item2 "><img src="${ele.img}" ><img src="${ele.img2}"></div>`});str+= `<div class="item2 "><img src="${bannerlist2[0].img}" ><img src="${bannerlist2[0].img2}"></div>`;oBox2.innerHTML = str
}// banner3
var oBox3 = document.querySelector(".box3")
var aItem3 = document.querySelectorAll(".item3")
var aBtn3 = document.querySelectorAll(".dian3 .btn")
var oDian3 = document.querySelector(".dian3")
var time3;
var timeB3;
var bol3 = true;
var index3 = 1;
var flag3 = true;wrap3.onmouseover = function () {clearInterval(timeB3);
}
wrap3.onmouseout = function () {timeB3 = setInterval(function () {moveWidthIndex3()}, 3000);
}
timeB3 = setInterval(function () {moveWidthIndex3()
}, 3000);
for (let i = 1; i<=aBtn3.length; i++) {var oldindex = 1;aBtn3[i-1].numx = i;aBtn3[i-1].onclick = function(e) {if (oldindex == this.numx) return;if (oldindex < this.numx) {bol3 = true;} else {bol3 = false;}index3 = oldindex;moveWidthIndex3();oldindex = this.numx;btnCol3() bol3 = true;}btnCol3()
}function moveWidthIndex3() {var count = 0;var l = bol3 ? 356 : -356;//正的点的第一个if (flag3) {flag3 = false;time3 = setInterval(function () {count++;oBox3.style.left = oBox3.offsetLeft - l / 10 + "px";if (count == 10) {oBox3.style.left = (index3) * -356 + "px";clearInterval(time3)count = 0;flag3=true;}}, 30);}index3++;if (index3 == 3) { index3 = 1 }btnCol3()
}function btnCol3() {for (let i = 1; i<=aBtn3.length; i++) {aBtn3[i-1].style.backgroundColor = "";}aBtn3[index3-1].style.backgroundColor = "#ff5000";
}var bannerlist3=[]
axios({url:'http://localhost:8005/banner3',method:'get',params:{'num':'3'}
}).then((res)=>{bannerlist3 = res.data renderBanner3()
})
function renderBanner3(){var str= `<div class="item3"><imgsrc="${bannerlist3[1].img}"></div> `;bannerlist3.forEach(ele => {str+=`<div class="item"><imgsrc="${ele.img}"></div> `});str+= `<div class="item"><imgsrc="${bannerlist3[0].img}"></div> `;oBox3.innerHTML = str
}var noticeList=[]
axios({url:'http://localhost:8005/notice',method:'get',
}).then((res)=>{bannerlist3 = res.data renderNotice()
})
function renderNotice(){var str= ` `;bannerlist3.forEach(ele => {str+=`<li><span>${ele.title}</span><p>${ele.contents}</p></li>`});noticeUl.innerHTML = str
}var shopNice=[]
axios({url:'http://localhost:8005/shopNice',method:'get',
}).then((res)=>{shopNice= res.data renderShopNice()
})
function renderShopNice(){var str= ``;var bindList = shopNice.slice(0,5);bindList.forEach(ele => {str+=`<li><img src="${ele.img}" alt=""><span>${ele.mess}</span><p>${ele.name}</p></li>`});layerBox1.innerHTML = str
}var shopLike=[]
axios({url:'http://localhost:8005/shopLike',method:'get',
}).then((res)=>{shopLike = res.data renderShopLike()
})
function renderShopLike(){var layerBox2 = document.querySelector(".layerBox2");var shopFlag= true;var pagesize = 5;// 当前页数var current = 1;var totalPage = Math.ceil(shopLike.length/pagesize);bindHtml(); function bindHtml(){var bindList = shopLike.slice((current-1)*pagesize,current*pagesize);var str=``bindList.forEach(ele => {str+=`<li><img src="${ele.img}" alt="${ele.name}"><p>${ele.name}</p><span>${ele.price}</span></li>`});layerBox2.innerHTML += str}window.onscroll = function(){if(current==totalPage){return}var window_height = document.documentElement.clientHeight;var scroll_Top = document.documentElement.scrollTop;var ul_height = document.querySelector(".box").offsetHeight;var ul_top = document.querySelector(".box").offsetTop;if(window_height+scroll_Top>ul_height+ul_top){if(shopFlag){shopFlag = false;tips.style.display = 'block'setTimeout(function(){current++;bindHtml();tips.style.display = 'none'shopFlag = true;},1000);}}else{return}}
}淘宝首页原生js练习(基础练习的基础中的基础)相关推荐
- HTML+CSS零基础学习笔记（五）— 模拟淘宝首页（静态）
内容概览 模拟淘宝首页(静态) 一.项目重难点 二.效果图及源码 模拟淘宝首页(静态) 一.项目重难点 样式重置:在实际开发过程中,我们往往会新建一个单独的CSS文件(reset.css),用于对应H ...
- js实现淘宝首页图片轮播效果
原文:http://ce.sysu.edu.cn/hope2008/Education/ShowArticle.asp?ArticleID=10585 <!DOCTYPE html> &l ...
- 页面布局（1）：淘宝首页
大家好,我是梅巴哥er. 入职前端后,我相信有很多小伙伴都是从写简单页面或者简单的功能开始入手的.比如活动页面,活动详情页,活动某项交互等. 为了快速适应开发需求,在较短时间内完成手头工作,以便挤出更 ...
- 淘宝首页serverless升级后的质量保障方案
本文主要介绍了serverless 架构升级在淘宝首页的应用,新架构对底层所依赖的容器.环境资源等与之前相比差异较大,并且对应的预发.安全生产.生产等环境,与旧架构的完全隔离. 背景 阿里巴巴集团大淘 ...
- 还原淘宝首页最顶部的导航栏（含下拉菜单，图标等）
还原了淘宝首页最顶部的导航栏,包括了各个导航的下拉列表等(位置对齐稍微有些偏差,毕竟没有原版设计图),用到了jquery,js,CSS3等知识.没有花时间去做录屏GIF,就几张效果图看下:如下 原始导 ...
- 淘宝首页链接跳转，非taobao.com域名下的链接处理
淘宝首页需要实现这样一个功能,对于页面上非taobao.com域名下的链接,在用户点击时,需要在链接处弹出提示框,提示用户此链接非淘宝域名下的链接,并给与用户选择是否继续访问.如果用户确认继续访问,则 ...
- 2016淘宝首页改版 细说淘宝首页设计变化史
近日,从微博上看到有网友说淘宝首页改版,现在淘宝正在一步步接入新版本,知情人士从3月22日就已经得到了淘宝官方人员的消息:新版资源位3月24日开始会接入部分流量,到时新旧版资源位会共存一段时间,直到旧 ...
- 批一批淘宝首页的源代码
[url=http://ued.taobao.com/blog/]淘宝UED[/url]团队经常写一些很棒的技术文章,令我印象深刻的有一句话,大意如下: [quote]虽然这种方法比较hack,但是可 ...
- 微信小程序淘宝首页双排图片布局排版代码
小程序淘宝首页双排图片布局排版代码 效果图: 使用技术主要是flex布局,绝对定位布局,小程序前端页面开发,以及一些样式! 直接贴代码,都有详细注释,熟悉一下,方便以后小程序开发! wxml: < ...
- 一天造出10亿个淘宝首页，阿里工程师如何实现？
双11手淘首页的几个重要推荐场景截图如下: 如上图所示,左一场景为AIO综合会场,包括AIO日常场景(淘抢购.有好货.清单等).双11人群会场及行业会场:中间为AIOplus场景卡片综合会场,包括5张 ...
最新文章
- JS如何深度复制对象和数组，避免指针变量引用修改值
- 【Linux】 字符串和文本处理工具 grep sed awk
- 码栈开发手册（四）---编码方式开发（日期相关函数）
- 工作是属于公司的，而职业生涯却是属于你自己的
- C++学习之路—继承与派生（四）拓展与总结
- Golang 汇编入门知识总结
- 格局打开，带你解锁 prompt 的花式用法
- 使用validation校验
- Linux redis配置服务,Linux 安装 redis 并配置成 service 系统服务
- 恭迎万亿级营销(圈人)潇洒的迈入毫秒时代 - 万亿user_tags级实时推荐系统数据库设计...
- Unity hold on.. importing Assets问题
- 基于蒙特卡洛方法的机器人工作空间MATLAB仿真
- 新冠病毒研究进展：维生素D或许能挽救新冠患者
- css画不同角度空心箭头,css – 图像前面的空心箭头
- realsense d435i标定imu与camera
- java树结构_Java数据结构:树（Tree）
- mysql y m d h_php时间问题？mysql数据库的时间格式（Y-M-D H:I:S） 在PHP页面想这样显示（Y-M-D） ('.$rows['ndate'].')...
- 未能从程序集“xxx, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null”中加载类型“yyy”。
- IBM MQ 搭建测试环境并测试消息的发送和接收
- idea向github传文件