{"version":3,"file":"static/js/666.ddd6bd34.js","mappings":"2KAIOA,MAAM,Q,sNAJbC,EAAAA,EAAAA,IAAAC,EAAAA,GAAA,OAEEC,EAAAA,EAAAA,IAAUC,IAEVC,EAAAA,EAAAA,IAUM,MAVNC,EAUM,EAPJH,EAAAA,EAAAA,IAMcI,EAAA,CANDP,MAAM,MAAOQ,SAAU,IAAMC,OAAO,QAAQ,oBAAkB,S,CAP/EC,SAAAC,EAAAA,EAAAA,KAQoC,IAAgC,gBAA9DV,EAAAA,EAAAA,IAImBC,EAAAA,GAAA,MAZzBU,EAAAA,EAAAA,IAQ6DC,EAAAC,QAR7D,CAQ4CC,EAAOC,M,WAA7CC,EAAAA,EAAAA,IAImBC,EAAA,CAJDlB,MAAM,MAAwCmB,IAAKH,G,CAR3EN,SAAAC,EAAAA,EAAAA,KASQ,IAEI,EAFJN,EAAAA,EAAAA,IAEI,WADFF,EAAAA,EAAAA,IAA0DiB,EAAA,CAAhDpB,MAAM,MAAOqB,IAAKN,EAAOO,IAAI,S,qBAVjDC,EAAA,G,kBAAAA,EAAA,OAiBEpB,EAAAA,EAAAA,IAAcqB,IAEdrB,EAAAA,EAAAA,IAAasB,IAGbtB,EAAAA,EAAAA,IAAcqB,IAEdrB,EAAAA,EAAAA,IAAiBuB,IAAA,G,iaCvBN1B,MAAM,e,GADnB2B,EAAAA,EAAAA,IAAA,kXAAAC,EAAA,+eAAAC,EAAA,whBAAAC,EAAA,ggBAAAC,EAAA,whBAAAC,EAAA,4fAAAC,EAAA,4fAAAC,EAAA,shBAAAC,EAAA,ohBAAAC,EAAA,0hBAAAC,EAAA,shBAAAC,EAAA,qN,GAEQC,G,kCADJtC,EAAAA,EAAAA,IAyKU,UAzKVK,EADJkC,E,eCCA,MAAMC,EAAS,CAAC,EAKVC,GAA2B,OAAgBD,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAEzF,Q,UFyBA,GACEE,WAAY,CACVC,OAAM,IACNC,KAAI,EACJC,OAAMA,EAAAA,GAERC,IAAAA,GACE,MAAO,CACLjC,OAAQ,CACNkC,EAAQ,MACRA,EAAQ,MACRA,EAAQ,MACRA,EAAQ,OAGd,GGzCF,MAAM,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://airx/./src/views/HomeView.vue","webpack://airx/./src/views/append/CardView.vue","webpack://airx/./src/views/append/CardView.vue?ab46","webpack://airx/./src/views/HomeView.vue?1da1"],"sourcesContent":["<template>\n  <!-- 导航栏 -->\n  <Navbar />\n\n  <div class=\"home\">\n    <!-- 轮播图 -->\n    <!-- motion-blur=\"true\" 切换模糊效果-->\n    <el-carousel class=\"pic\" :interval=\"3000\" height=\"800px\" indicator-trigger=\"hover\" >\n      <el-carousel-item class=\"pic\" v-for=\"(image, index) in images\" :key=\"index\">\n        <a>\n          <el-image class=\"pic\" :src=\"image\" fit=\"cover\"></el-image>\n        </a>\n      </el-carousel-item>\n    </el-carousel>\n  </div>\n\n  <!-- 分割线 -->\n  <el-divider />\n  <!-- 产品展示 -->\n  <Card></Card>\n\n  <!-- 分割线 -->\n  <el-divider />\n  <!-- 页脚 -->\n  <Fotter></Fotter>\n\n</template>\n\n<script>\nimport Navbar from \"@/components/Navbar.vue\";\nimport Card from \"@/views/append/CardView.vue\";\nimport Fotter from \"@/components/Fotter.vue\";\n\nexport default {\n  components: {\n    Navbar,\n    Card,\n    Fotter\n  },\n  data() {\n    return {\n      images: [\n        require('../assets/images/banner/banner1.jpg'),\n        require('../assets/images/banner/banner2.jpg'),\n        require('../assets/images/banner/banner3.jpg'),\n        require('../assets/images/banner/banner4.jpg')\n      ]\n    }\n  }\n};\n</script>\n\n<style scoped>\n/* 轮播图 */\n.pic {\n  opacity: 1;\n  height: 100%;\n  width: 100%;\n}\n\n/* 在整个页面中应用滚动条样式 */\nhtml,\nbody {\n  overflow-y: auto;\n  /* 允许垂直滚动 */\n  scrollbar-width: thin;\n  /* 设置滚动条宽度 */\n  scrollbar-color: rgba(0, 0, 0, 0.5) transparent;\n  /* 设置滚动条颜色 */\n}\n\n/* 自定义滚动条样式 */\n::-webkit-scrollbar {\n  width: 8px;\n  /* 设置滚动条宽度 */\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: rgba(0, 0, 0, 0.5);\n  /* 设置滚动条thumb颜色 */\n}\n\n::-webkit-scrollbar-track {\n  background-color: transparent;\n  /* 设置滚动条track颜色 */\n}\n\n@media (max-width: 991px) {\n  .pic {\n    height: 250px;\n  }\n}\n</style>\n","<template>\n    <section class=\"case-thumbs\">\n        <div class=\"thumbs\">\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=13&id=684979873073&ns=1&priceTId=213e36c917152458078513495ee97b&spm=a21n57.1.item.3.24f5523c9aeDUs&skuId=5496010307176\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/A6.jpg\" alt=\"A6\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">空气净化器 A6</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?id=593627521636&rn=bea0601a43f22e62b5ad629223ff38fc&spm=a1z10.3-b.w4011-16228233267.15.25d56b342fbK9O\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/A8P.jpg\" alt=\"A8P\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">空气净化器 A8P</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=684979149469&rn=db1a6f70c6372f9db2b1d94f151b85a9&spm=a1z10.3-b.w4011-16228233267.40.266a6b341rxbxC&skuId=5526686286643\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/A9H.jpg\" alt=\"A9H\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">空气净化器 A9H</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=679356950044&rn=578304e2c467e67ffb8b0484645c4696&spm=a1z10.3-b.w4011-16228233267.44.7a286b34vFqKMR\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/A10.jpg\" alt=\"A10\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">空气净化器 A10</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=717055861406&rn=84c0bc0d61d139477f1104cafadc7470&spm=a1z10.3-b.w4011-16228233267.37.a6b36b34Jk3swJ&skuId=5453127907376\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/D5.jpg\" alt=\"D5\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">除湿机 D5</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=744631505533&rn=ebe50e1b3d8ba496f956446f8dc1f84d&spm=a1z10.3-b.w4011-16228233267.40.3eda6b34JDYklj\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/D6.jpg\" alt=\"D6\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">除湿机 D6</span>\n                    <span class=\"price\" data-is-round-price=\"true\" ></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=726466310175&rn=3552d469e15071f9c1dadc6d3b96a43c&spm=a1z10.3-b.w4011-16228233267.60.34586b34DKfgNF\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/F4.jpg\" alt=\"F4\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">空气循环扇 F4</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=696372083922&rn=bb6e4fc806a36f02cb99d1e11e1df1bf&skuId=5379254750290&spm=a1z10.3-b.w4011-16228233267.49.60546b34kJpjy8\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/H8.jpg\" alt=\"H8\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">加湿器 H8</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=696372083922&rn=bb6e4fc806a36f02cb99d1e11e1df1bf&skuId=5379254750289&spm=a1z10.3-b.w4011-16228233267.49.60546b34kJpjy8\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/H8Pro.jpg\" alt=\"H8Pro\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">加湿器 H8Pro</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=741345439488&rn=82fb0a4a4a90ceb136c3e801a6acc178&spm=a1z10.3-b.w4011-16228233267.40.68626b34CrFqa3&skuId=5357078080405\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/R4W.jpg\" alt=\"R4W\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">除螨仪 R4W</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n            \n\n            <!-- 产品开始 -->\n            <a class=\"thumb s-radius\"\n                href=\"https://detail.tmall.com/item.htm?abbucket=2&id=744503049736&rn=78f9a26150bb943bf55ef15fdf4ed93d&spm=a1z10.3-b.w4011-16228233267.41.3fe06b34OaMv52&skuId=5307919555956\"\n                target=\"_blank\">\n                <i class=\"badge\"></i>\n                <div class=\"picture\">\n                    <img src=\"../../assets/images/indexCard/W30H.jpg\" alt=\"W30H\">\n                </div>\n                <div class=\"label\">\n                    <span class=\"title\">取暖器 W30H</span>\n                    <span class=\"price\" data-is-round-price=\"true\"></span>\n                </div>\n            </a>\n            <!-- 产品结束 -->\n\n        </div>\n    </section>\n</template>\n\n<script>\n\n</script>\n\n<style scoped>\nhtml {\n    font-family: 'Microsoft YaHei', Arial, Helvetica, Nimbus Sans, sans-serif;\n    font-weight: 300;\n    line-height: 1.6;\n    letter-spacing: 1px;\n    -webkit-text-size-adjust: 100%;\n    text-rendering: optimizeLegibility !important;\n\n}\n\n* {\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-weight: lighter;\n}\n\nol {\n    list-style: decimal inside;\n    margin-top: 20px;\n    margin-bottom: 20px;\n}\n\nbutton {\n    border: none;\n    cursor: pointer;\n    appearance: none;\n    background: transparent;\n}\n\na,\na:active,\ninput,\nbutton,\nselect,\ntextarea {\n    outline: 0px none;\n    font-family: inherit;\n    -webkit-tap-highlight-color: transparent;\n    -webkit-appearance: none;\n}\n\n:focus {\n    outline: 0;\n}\n\n::-moz-focus-inner {\n    border: 0px;\n}\n\nimg {\n    border: none;\n    display: inline-block;\n    max-width: 100%;\n}\n\n.s-radius {\n    border-radius: 4px;\n}\n\n.case-help {\n    margin-left: auto;\n    margin-right: auto;\n    padding: 40px 30px;\n    max-width: 1380px;\n    width: 100%;\n}\n\n.case-title,\n.case-intro {\n    text-align: center;\n}\n\n.case-title {}\n\n.case-intro {\n    margin-top: 20px;\n    opacity: .6;\n}\n\n.case-thumbs {\n    background-color: #f2f2f2;\n    padding: 5px 15px;\n}\n\n.thumbs {\n    margin: 40px auto 0;\n    max-width: 1380px;\n    width: 100%;\n    display: flex;\n    flex-flow: row wrap;\n    justify-content: center;\n}\n\n.thumb {\n    display: block;\n    margin: 10px;\n    max-width: 100%;\n    overflow: hidden;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    width: calc(100% - 20px);\n    color: #666;\n    background-color: #fafafa;\n    text-decoration: none;\n    cursor: pointer;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);\n    transition-duration: .2s;\n}\n\n.thumb:hover,\n.thumb:active {\n    color: #fb0000;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);\n}\n\n.thumb:hover .picture img,\n.thumb:active .picture img {\n    transform: scale(1.1) translate(-45%, -45%);\n}\n\n.picture {\n    position: relative;\n    width: 100%;\n    padding-bottom: 100%;\n    background-color: #f2f2f2;\n    overflow: hidden;\n}\n\n.picture img {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: scale(1) translate(-50%, -50%);\n    transition-duration: 1.2s;\n}\n\n@media (min-width: 768px) {\n    .thumb {\n        max-width: 100%;\n        width: 50%;\n        width: calc(50% - 20px);\n    }\n}\n\n@media (min-width: 1024px) {\n    .thumb {\n        width: 25%;\n        width: calc(25% - 20px);\n    }\n}\n\n.label {\n    padding: 15px;\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n}\n\n.title {\n    transition: color .4s;\n}\n\n.price {\n    color: #24B35A;\n    flex-shrink: 0;\n    padding-left: 10px;\n    text-align: right;\n}\n\n.price[data-item-price]:not([data-item-price='']):before {\n    content: '\\00A5' attr(data-item-price);\n}\n\n</style>","import { render } from \"./CardView.vue?vue&type=template&id=167a1248&scoped=true\"\nconst script = {}\n\nimport \"./CardView.vue?vue&type=style&index=0&id=167a1248&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-167a1248\"]])\n\nexport default __exports__","import { render } from \"./HomeView.vue?vue&type=template&id=5ca7edb0&scoped=true\"\nimport script from \"./HomeView.vue?vue&type=script&lang=js\"\nexport * from \"./HomeView.vue?vue&type=script&lang=js\"\n\nimport \"./HomeView.vue?vue&type=style&index=0&id=5ca7edb0&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5ca7edb0\"]])\n\nexport default __exports__"],"names":["class","_createElementBlock","_Fragment","_createVNode","_component_Navbar","_createElementVNode","_hoisted_1","_component_el_carousel","interval","height","default","_withCtx","_renderList","$data","images","image","index","_createBlock","_component_el_carousel_item","key","_component_el_image","src","fit","_","_component_el_divider","_component_Card","_component_Fotter","_createStaticVNode","_imports_0","_imports_1","_imports_2","_imports_3","_imports_4","_imports_5","_imports_6","_imports_7","_imports_8","_imports_9","_imports_10","_hoisted_2","_hoisted_3","script","__exports__","components","Navbar","Card","Fotter","data","require","render"],"sourceRoot":""}