{"version":3,"sources":["webpack:///./src/views/xiaoheixia/index.vue","webpack:///./src/views/xiaoheixia/index.vue?ad71"],"names":["class","style","_createElementVNode","src","id","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","onClick","_ctx","openProductFile","_hoisted_10","_hoisted_12","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_24","name","components","setup","proxy","getCurrentInstance","onMounted","document","title","window","scrollTo","$","click","liindex","index","this","addClass","siblings","removeClass","eq","fadeIn","hide","scroll","wst","scrollTop","i","offset","top","__exports__","render"],"mappings":"gJACOA,MAAM,qB,GAEJA,MAAM,YAAYC,MAAA,gC,GAChBD,MAAM,2B,EACTE,eAMM,OANDF,MAAM,KAAG,CACZE,eAIK,MAJDD,MAAA,mBAAsB,CACxBC,eAEE,OADAC,IAAI,uEAAgE,G,GAIrEH,MAAM,K,GACJA,MAAM,Y,EACTE,eAAc,UAAV,SAAK,G,EACTA,eAIK,WAHHA,eAEI,KAFDF,MAAM,iBAAgB,qCAEzB,G,EAEFE,eAKK,MALDF,MAAM,KAAG,CACXE,eAGK,MAHDF,MAAM,KAAG,CACXE,eAAsD,aAAhDA,eAAyC,KAAtCD,MAAA,mCACTC,eAAS,SAAN,UAAE,G,2wHA0PdE,GAAG,M,GAEJJ,MAAM,gCACNC,MAAA,6F,GAIKD,MAAM,2B,GACJA,MAAM,K,EACTE,eAAkB,UAAd,aAAS,G,EACbA,eAAsB,UAAlB,iBAAa,G,EAGRA,eACN,KADSF,MAAM,qBAAmB,S,EAIvCE,eAIM,OAJDF,MAAM,KAAG,CACZE,eAEE,OADAC,IAAI,mEAA8D,G,4EAnS5ED,eAoEM,MApENG,EAoEM,CAlEJH,eA2BM,MA3BNI,EA2BM,CA1BJJ,eAyBM,MAzBNK,EAyBM,CAxBJC,EAOAN,eAgBM,MAhBNO,EAgBM,CAfJP,eAcM,MAdNQ,EAcM,CAbJC,EACAC,EAKAC,EAMAX,eAAqD,KAAjDY,QAAK,eAAEC,KAAGC,gBAAgB,gBAAe,gBAMrDC,IAuCFC,EA0MAhB,eAwBM,MAxBNiB,EAwBM,CAvBJjB,eAsBM,MAtBNkB,EAsBM,CAhBJlB,eAeM,MAfNmB,EAeM,CAdJnB,eAQM,MARNoB,EAQM,CAPJC,EACAC,EACAtB,eAIK,WAHHA,eAEK,KAFDY,QAAK,eAAEC,KAAGC,gBAAgB,gB,gBAC3B,QAAI,QAIXS,SAIM,IAQC,OACbC,KAAM,aACNC,WAAY,GACZC,QACE,MAAM,MAAEC,GAAUC,iBAgClB,OA/BAC,eAAU,KACRC,SAASC,MAAQ,MAGjBC,OAAOC,SAAS,EAAG,GAEnBC,EAAE,oCAAoCC,OAAM,WAC1C,IAAIC,EAAUF,EAAE,oCAAoCG,MAAMC,MAC1DJ,EAAEI,MAAMC,SAAS,KAAKC,WAAWC,YAAY,KAC7CP,EAAE,+BACCQ,GAAGN,GACHO,OAAO,KACPH,SAAS,MACTI,UAELV,EAAEF,QAAQa,QAAO,WAGf,IADA,IAAIC,EAAMZ,EAAEF,QAAQe,YACXC,EAAI,EAAGA,EAAI,GAAIA,IAClBd,EAAE,KAAOc,IAAMd,EAAE,KAAOc,GAAGC,UAEzBf,EAAE,KAAOc,GAAGC,SAASC,KAAOJ,GAE9BZ,EAAE,KAAOc,GAAGT,SAAS,WAQxB,K,qBC7UX,MAAMY,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0b3837.2eaaf749.js","sourcesContent":["<template>\r\n  <div class=\"product-container\">\r\n    <!-- banner_cp -->\r\n    <div class=\"banner_cp\" style=\"background-color: #f6f6f6\">\r\n      <div class=\"margin width1480 hidden\">\r\n        <div class=\"l\">\r\n          <dl style=\"display: block\">\r\n            <img\r\n              src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/banner_xhx.png\"\r\n            />\r\n          </dl>\r\n        </div>\r\n        <div class=\"r\">\r\n          <div class=\"bg a-fdB\">\r\n            <dd>小 黑 侠</dd>\r\n            <dl>\r\n              <p class=\"no-break-line\">\r\n                3.5KW高功率 | 插头桩体双温控 | 家用插座即插即充\r\n              </p>\r\n            </dl>\r\n            <ol class=\"f\">\r\n              <dt class=\"o\">\r\n                <span><i style=\"background-color: #141414\"></i></span>\r\n                <p>黑色</p>\r\n              </dt>\r\n            </ol>\r\n            <a @click=\"$U.openProductFile('xiaoheixia')\">产品手册</a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 随车必备 -->\r\n    <div id=\"g1\">\r\n      <div\r\n        class=\"xhx_scbb\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_scbb_bg.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"t\">\r\n            <dd class=\"cp_bt_y\">随车必备</dd>\r\n            <dl class=\"cp_bt_d\">有电即能充，摆脱续航焦虑</dl>\r\n            <dd class=\"cp_bt_y\">8A-16A电流切换 220正负极+10%宽电流</dd>\r\n          </div>\r\n          <div class=\"f\">\r\n            <img\r\n              src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_scbb.png\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- xhx_znswk -->\r\n    <div id=\"g2\">\r\n      <div\r\n        class=\"xhx_znswk\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_znswk_bg.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"t\">\r\n            <dd class=\"cp_bt_d\">智能双温控 充电安全更稳定</dd>\r\n            <dl class=\"cp_bt_y\">有电的地方即可充电</dl>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- cp_aqfh -->\r\n  <div id=\"g3\">\r\n    <div class=\"margin width1480 hidden\">\r\n      <ul class=\"cp_aqfh\">\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh1.png\"\r\n              />\r\n            </ol>\r\n            <dd>过压/欠压保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh2.png\"\r\n              />\r\n            </ol>\r\n            <dd>过流保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh3.png\"\r\n              />\r\n            </ol>\r\n            <dd>雷电保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh4.png\"\r\n              />\r\n            </ol>\r\n            <dd>接地保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh5.png\"\r\n              />\r\n            </ol>\r\n            <dd>防漏电保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh6.png\"\r\n              />\r\n            </ol>\r\n            <dd>短路保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh7.png\"\r\n              />\r\n            </ol>\r\n            <dd>环境电源异常数据记录</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/cp_aqfh8.png\"\r\n              />\r\n            </ol>\r\n            <dd>IP55</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh9.png\"\r\n              />\r\n            </ol>\r\n            <dd>过温保护</dd>\r\n          </div>\r\n        </li>\r\n        <li>\r\n          <div class=\"bg\">\r\n            <ol>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh10.png\"\r\n              />\r\n            </ol>\r\n            <dd>预约充电</dd>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n  <!-- xhx_fsfc -->\r\n  <div id=\"g4\">\r\n    <div\r\n      class=\"xhx_fsfc\"\r\n      style=\"\r\n        background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_fsfc_bg.jpg);\r\n      \"\r\n    >\r\n      <div class=\"margin width1480 hidden\">\r\n        <div class=\"t\">\r\n          <dd class=\"cp_bt_d\">防水防尘</dd>\r\n          <dl class=\"cp_bt_y\">轻松面对雨淋 防止各种情况水的入侵</dl>\r\n        </div>\r\n        <div class=\"c\">\r\n          <img\r\n            src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_fsfc_sz.png\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <img\r\n        src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_fsfc_cp.png\"\r\n        class=\"cp\"\r\n      />\r\n      <img\r\n        src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_fsfc_sh.png\"\r\n        class=\"bg\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <!-- xhx_sswg -->\r\n  <div id=\"g5\">\r\n    <div class=\"xhx_sswg_tit\">\r\n      <dd class=\"cp_bt_d\">时尚外观 轻松收纳</dd>\r\n      <dl class=\"cp_bt_y\">简单便捷 随车出行</dl>\r\n    </div>\r\n    <div\r\n      class=\"xhx_sswg\"\r\n      style=\"\r\n        background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_sswg_bg.jpg);\r\n      \"\r\n    >\r\n      <div class=\"margin width1480 hidden\">\r\n        <!-- <img src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_znjh.png\" class=\"tp\" /> -->\r\n        <div class=\"r\">\r\n          <dd class=\"cp_bt_d\">预约充电 省钱省心</dd>\r\n          <dl class=\"cp_bt_y\">\r\n            预约模式：充电待机状态下，长按按钮24两秒，进入预约设置（预约时间为00小时标识则退出预约充电模式；预约时间为非0，则进入预约充电模式），带您尽享夜间用电低谷期。\r\n          </dl>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- xhx_zyqh -->\r\n  <div id=\"g6\">\r\n    <div\r\n      class=\"xhx_zyqh\"\r\n      style=\"\r\n        background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_zyqh_bg.jpg);\r\n      \"\r\n    >\r\n      <div class=\"margin width1480 hidden\">\r\n        <div class=\"l\">\r\n          <dd class=\"cp_bt_d\">4档功率 自由切换</dd>\r\n          <dl class=\"cp_bt_y\">\r\n            <p>切换方法：供电插头牢牢插入插电插座中，车端</p>\r\n            <p>断开，长按控制器上的[A] 按钮，充电电流即可切换成功。</p>\r\n            <p>*切换好电流后再插入车端充电</p>\r\n          </dl>\r\n        </div>\r\n        <!-- <img src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_zyqh.png\" class=\"tp\" /> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- xhx_aqwd -->\r\n  <div id=\"g7\">\r\n    <div\r\n      class=\"xhx_aqwd\"\r\n      style=\"\r\n        background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_aqwd_bg.jpg);\r\n      \"\r\n    >\r\n      <div class=\"margin width1480 hidden\">\r\n        <img\r\n          src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_aqwd.png\"\r\n          class=\"tp\"\r\n        />\r\n        <div class=\"r\">\r\n          <dd class=\"cp_bt_d\">充电安全更稳定</dd>\r\n          <dl class=\"cp_bt_y\">\r\n            无氧纯铜线材充电稳定 符合国际检测标准防水阻燃 不易发热 充电更稳定\r\n          </dl>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- xhx_lxbz -->\r\n  <div id=\"g8\">\r\n    <div\r\n      class=\"cp_f_bg xfx_f_bg cp_f_bg_full\"\r\n      style=\"\r\n        background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_lxbz_bg.jpg);\r\n      \"\r\n    >\r\n      <div class=\"margin width1480 hidden\">\r\n        <div class=\"t\">\r\n          <dd>充电不止 旅行不止</dd>\r\n          <dl>充电每一次，记录旅行每一步</dl>\r\n          <ol>\r\n            <a @click=\"$U.openProductFile('xiaoheixia')\"\r\n              >产品手册<i class=\"fa fa-angle-right\"></i\r\n            ></a>\r\n          </ol>\r\n        </div>\r\n        <div class=\"f\">\r\n          <img\r\n            src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/xhx_lxbz.png\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCurrentInstance, onMounted, reactive } from \"vue\";\r\nexport default {\r\n  name: \"xiaoheixia\",\r\n  components: {},\r\n  setup() {\r\n    const { proxy } = getCurrentInstance();\r\n    onMounted(() => {\r\n      document.title = \"小黑侠\";\r\n\r\n      // 滚动到页面最上方\r\n      window.scrollTo(0, 0);\r\n\r\n      $(\".banner_cp .width1480 .r ol.f dt\").click(function () {\r\n        var liindex = $(\".banner_cp .width1480 .r ol.f dt\").index(this);\r\n        $(this).addClass(\"o\").siblings().removeClass(\"o\");\r\n        $(\".banner_cp .width1480 .l dl\")\r\n          .eq(liindex)\r\n          .fadeIn(150)\r\n          .siblings(\"dl\")\r\n          .hide();\r\n      });\r\n      $(window).scroll(function () {\r\n        //为页面添加页面滚动监听事件\r\n        var wst = $(window).scrollTop(); //滚动条距离顶端值\r\n        for (var i = 1; i < 20; i++) {\r\n          if ($(\"#g\" + i) && $(\"#g\" + i).offset()) {\r\n            //加循环\r\n            if ($(\"#g\" + i).offset().top <= wst) {\r\n              //判断滚动条位置\r\n              $(\"#g\" + i).addClass(\"on\"); //给当前导航加c类\r\n            } else {\r\n              //$(\"#p\"+i).removeClass('on');\r\n            }\r\n          }\r\n        }\r\n      });\r\n    });\r\n    return {};\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped></style>\r\n","import { render } from \"./index.vue?vue&type=template&id=6464f9ce\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\workspace\\\\workspace-2023\\\\shzd-site-web-2023\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}