{"version":3,"sources":["webpack:///./src/pages/index.vue?5a57","webpack:///./src/components/fullpage.vue","webpack:///./src/components/fullpage.vue?b6f0","webpack:///./src/pages/index.vue","webpack:///./src/pages/index.vue?36cf","webpack:///./src/components/fullpage.vue?78f0"],"names":["fullPage","ref","container","props","__props","emits","__emit","data","reactive","current","isScrolling","deltaY","next","len","move","pre","index","directToMove","setTimeout","scrollHeight","height","value","clientHeight","scrollPage","style","transform","mouseWheelHandle","event","evt","window","stopPropagation","returnValue","e","originalEvent","detail","__exports__","hanldShow","inject","imgScroll","tabList","text","tab","stepList","icon","title","desc","currentIndex","currentItem","imgList","model","list","des","changeTab","item","scrollRight","scrollLeft","scrollWidth","onMounted"],"mappings":"kHAAA,W,6JCaE,IAAIA,EAASC,iBAAI,MACbC,EAAUD,iBAAI,MACdE,EAAQC,EAGRC,EAAMC,EACNC,EAAKC,sBAAS,CAChBC,QAAS,EACTC,aAAa,EACbC,OAAQ,IAGV,MAAMC,EAAOA,KACPL,EAAKE,QAAU,GAAKN,EAAMU,MAC5BN,EAAKE,SAAW,EAChBK,EAAKP,EAAKE,WAIRM,EAAKA,KACLR,EAAKE,QAAU,EAAI,IACrBF,EAAKE,SAAW,EAChBK,EAAKP,EAAKE,WAGRK,EAAME,IACVT,EAAKG,aAAc,EACnBO,EAAaD,GACbE,WAAW,KACTX,EAAKG,aAAc,GACnB,OAEEO,EAAgBD,IACpB,IAEIG,EAFAC,EAASpB,EAASqB,MAAMC,aACxBC,EAAarB,EAAUmB,MAE3BF,IAAgBH,EAAQ,GAAKI,EAAS,KACtCG,EAAWC,MAAMC,UAAa,cAAaN,KAC3CZ,EAAKE,QAAUO,GAEXU,EAAoBC,IAExB,IAAIC,EAAMD,GAASE,OAAOF,MAM1B,GALIC,EAAIE,gBACNF,EAAIE,kBAEJF,EAAIG,aAAc,EAEhBxB,EAAKG,YACP,OAAO,EAET,IAAIsB,EAAIL,EAAMM,eAAiBN,EAC/BpB,EAAKI,OAASqB,EAAErB,QAAUqB,EAAEE,OAC5B7B,EAAM,SAASE,EAAKI,QAChBJ,EAAKI,OAAS,EAChBC,IACSL,EAAKI,OAAS,GACvBI,K,gVChEN,MAAMoB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,8mRCqMd,IAAIC,EAAaC,oBAAO,aACpBC,EAAYrC,iBAAI,MAChBM,EAAKC,sBAAS,CACjB+B,QAAQ,CACN,CACEC,KAAK,OACLnB,MAAM,GAER,CACEmB,KAAK,OACLnB,MAAM,GACL,CACDmB,KAAK,OACLnB,MAAM,GACL,CACDmB,KAAK,OACLnB,MAAM,GACL,CACDmB,KAAK,OACLnB,MAAM,GACL,CACDmB,KAAK,OACLnB,MAAM,IAGVoB,IAAI,EACJC,SAAS,CACP,CACEC,KAAK,qFACLC,MAAM,QACNC,KAAK,eAEP,CACEF,KAAK,qFACLC,MAAM,SACNC,KAAK,oEAEP,CACEF,KAAK,qFACLC,MAAM,SACNC,KAAK,cAEP,CACEF,KAAK,qFACLC,MAAM,SACNC,KAAK,eAEP,CACEF,KAAK,qFACLC,MAAM,YACNC,KAAK,gCAGTC,aAAa,EACbC,YAAY,OAETC,EAAQ/C,iBAAI,CACf,CACEgD,MAAM,uFACNC,KAAK,CACH,mFACA,mFACA,mFACA,qFAGJ,CACED,MAAM,mFACNC,KAAK,CACH,+EACA,+EACA,+EACA,iFAGJ,CACED,MAAM,mFACNC,KAAK,CACH,+EACA,+EACA,+EACA,iFAGJ,CACED,MAAM,mFACNC,KAAK,CACH,+EACA,+EACA,+EACA,iFAGJ,CACED,MAAM,mFACNC,KAAK,CACH,+EACA,+EACA,+EACA,iFAGJ,CACED,MAAM,qFACNC,KAAK,CACH,iFACA,iFACA,iFACA,qFAKL,MAAM3B,EAAY4B,IACjBf,EAAUe,EAAI,IAGRC,EAAWC,IACf9C,EAAKkC,IAAIY,EAAKhC,MACdd,EAAKuC,aAAaO,EAAKhC,MAAM,EAC7Bd,EAAKwC,YAAYC,EAAQ3B,MAAMd,EAAKuC,eAGhCQ,EAAYA,KAChBhB,EAAUjB,MAAMkC,WAAejB,EAAUjB,MAAMmC,a,OAEjDC,uBAAU,KACRlD,EAAKwC,YAAYC,EAAQ3B,MAAMd,EAAKuC,gB,kyFCtUxC,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,kCCRf,W","file":"js/chunk-273151cf.bca51a55.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=0a33ef00&lang=scss&scoped=true\"","<template>\r\n  <div class=\"fullpage\" ref=\"fullPage\">\r\n    <div\r\n      class=\"container\"\r\n      ref=\"container\" \r\n      @mousewheel=\"mouseWheelHandle\"\r\n      @DOMMouseScroll=\"mouseWheelHandle\">\r\n      <slot></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup>\r\n  import { reactive,defineProps,ref,defineEmits } from 'vue';\r\n  let fullPage=ref(null);//容器\r\n  let container=ref(null);\r\n  let props = defineProps({\r\n    len:Number\r\n  })\r\n  let emits=defineEmits(['scroll']);\r\n  let data=reactive({\r\n    current: 1, // 当前的页面编号\r\n    isScrolling: false, // 是否在滚动\r\n    deltaY: 0 // 用来判断是往下还是往上滚\r\n  })\r\n  // 往下切换\r\n  const next = ()=> { \r\n    if (data.current + 1 <= props.len) { \r\n      data.current += 1; // 页面+1\r\n      move(data.current); // 执行切换\r\n    }\r\n  }\r\n  // 往上切换\r\n  const pre =() =>{\r\n    if (data.current - 1 > 0) { \r\n      data.current -= 1;// 页面+1\r\n      move(data.current);// 执行切换\r\n    }\r\n  }\r\n  const move=(index)=> {\r\n    data.isScrolling = true;\r\n    directToMove(index); //执行滚动\r\n    setTimeout(() => { \r\n      data.isScrolling = false;\r\n    },1010);\r\n  }\r\n  const directToMove = (index)=> {\r\n    let height = fullPage.value.clientHeight; \r\n    let scrollPage = container.value;\r\n    let scrollHeight; // 计算滚动的告诉，是往上滚还往下滚\r\n    scrollHeight= -(index - 1) * height + \"px\";\r\n    scrollPage.style.transform = `translateY(${scrollHeight})`;\r\n    data.current = index;\r\n  }\r\n  const mouseWheelHandle = (event) => { // 监听鼠标监听\r\n    // 添加冒泡阻止\r\n    let evt = event || window.event;\r\n    if (evt.stopPropagation) {\r\n      evt.stopPropagation();\r\n    } else {\r\n      evt.returnValue = false;\r\n    }\r\n    if (data.isScrolling) { // 判断是否可以滚动\r\n      return false;\r\n    }\r\n    let e = event.originalEvent || event;\r\n    data.deltaY = e.deltaY || e.detail; // Firefox使用detail\r\n    emits('scroll',data.deltaY);\r\n    if (data.deltaY > 0) {\r\n      next();\r\n    } else if (data.deltaY < 0) {\r\n      pre();\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.fullpage{\r\n  width: 100%;\r\n  height: 100%;//一定要设置，保证占满\r\n  overflow: hidden;//一定要设置，多余的先隐藏\r\n  .container{\r\n    width: 100%;\r\n    height: 100%;\r\n    transition: all linear 0.5s;\r\n  }\r\n}\r\n</style>","import script from \"./fullpage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./fullpage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./fullpage.vue?vue&type=style&index=0&id=41c96edd&lang=scss&scoped=true\"\n\nimport exportComponent from \"E:\\\\定制项目\\\\innatech_website\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-41c96edd\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"index\">\r\n    <fullpage :len=\"6\" @scroll=\"scrollPage\">\r\n      <div class=\"section\" id=\"section1\">\r\n        <img class=\"banner\" src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part1-bg.png\" alt=\"\">\r\n      </div>\r\n      <div class=\"section\" id=\"section2\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part2-title.png\" alt=\"\" class=\"title\">\r\n        <div class=\"subTitle\">可批量快速产出，适应各个平台，避开AI检测设备</div>\r\n        <div class=\"tab\">\r\n          <template \r\n          v-for=\"(item) in data.tabList\" \r\n          :key=\"item.value\">\r\n            <div \r\n            :class=\"{'tabItem':true,'selectd':data.tab==item.value}\"\r\n            @click=\"changeTab(item)\">\r\n              {{item.text}}\r\n            </div>\r\n          </template>\r\n          \r\n        </div>\r\n        <div class=\"imgList\" v-if=\"data.currentItem\">\r\n          <div class=\"model\">\r\n            <img :src=\"data.currentItem.model\" alt=\"\">\r\n            <div class=\"name\">公有大模型</div>\r\n          </div>\r\n          <div class=\"arrow\">\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/rightBig.png\" alt=\"\">\r\n          </div>\r\n        \r\n          <div class=\"product\">\r\n            <div class=\"wrap\" ref=\"imgScroll\">\r\n              <template v-for=\"(item,index) in  data.currentItem.list\" :key=\"index\">\r\n                <img :src=\"item\" alt=\"\">\r\n              </template>\r\n            </div>\r\n            <div class=\"name\">\r\n              企业定制模型\r\n              <img \r\n              @click=\"scrollRight\" \r\n              src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/rightSmall.png\" alt=\"\">\r\n            </div>\r\n        \r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section\" id=\"section3\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part3-bg.png\" alt=\"\" class=\"bg\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part3-title.png\" alt=\"\" class=\"title\">\r\n        <div class=\"text1\">\r\n          <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part3-1.png\" alt=\"\">\r\n          <div class=\"desc\" style=\"text-align:left\">\r\n            普通员工学习AIGC需要 <br/>\r\n            一定的时间成本且不能快<br/>\r\n            速满足企业批量化产出的<br/>\r\n            需求产出质量无法控制\r\n          </div>\r\n        </div>\r\n        <div class=\"text2\">\r\n          <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part3-2.png\" alt=\"\">\r\n          <div class=\"desc\">\r\n            少量原始素材图片即可<br/>\r\n             批量化输出同一产品输出<br/>\r\n             300张图仅需3-5天\r\n          </div>\r\n        </div>\r\n        <div class=\"text3\">\r\n          <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part3-3.png\" alt=\"\">\r\n          <div class=\"desc\">\r\n            可为企业丰富所有品线<br/>\r\n            的模型库训练质量可控<br/>\r\n            拓展性强模型可无限复用\r\n          </div>\r\n        </div>\r\n        <div class=\"text4\">\r\n          <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part3-4.png\" alt=\"\">\r\n          <div class=\"desc\">\r\n            无需模特、布景、商拍、<br/>\r\n            达人样货等成本<br/>\r\n            出图成本降低80%\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"section\" id=\"section4\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-bg.png\" alt=\"\" class=\"bg\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-title.png\" alt=\"\" class=\"title\">\r\n        <div class=\"subtitle\">5步专业化训练，输出更符合企业需求的智能模型</div>\r\n        <div class=\"step\">\r\n          <template \r\n            v-for=\"(item,index) in data.stepList\" \r\n            :key=\"index\">\r\n            <div class=\"stepItem\">\r\n              <div class=\"icon\">\r\n                <img :src=\"item.icon\" alt=\"\">\r\n              </div>\r\n              <div class=\"line\">\r\n                <div class=\"mask\" v-if=\"index==0\"></div>\r\n                <div class=\"mask1\" v-if=\"index==4\"></div>\r\n              </div>\r\n              <div class=\"title2\">{{item.title}}</div>\r\n              <div class=\"desc\" v-html=\"item.desc\"></div>\r\n            </div>\r\n          </template>\r\n         \r\n        </div>\r\n      </div>\r\n      <div class=\"section\" id=\"section5\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-title.png\" alt=\"\" class=\"title\">\r\n        <div class=\"subtitle\">\r\n          最少训练数据，训练数据独立存储训练结果直接输出，独立部署企业云盘\r\n        </div>\r\n        <div class=\"wrap\">\r\n          <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-bg.png\" alt=\"\" class=\"bg\">\r\n          <div class=\"mainTitle\">\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-mainTitle.png\" alt=\"\">\r\n          </div>\r\n          <div class=\"text text1\">\r\n            <div class=\"content textRight\">\r\n              <div class=\"ctitle\">数据安全</div>\r\n              <div class=\"text\">\r\n                可实现内外网隔离<br/>\r\n                更好的控制和保护数据的安全<br/>\r\n                客户数据、企业内部信息、企业资源<br/>\r\n                全部存储在企业自有服务器中\r\n              </div>\r\n            </div>\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-1.png\" alt=\"\">\r\n          </div>\r\n          <div class=\"text text2\" >\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-2.png\" alt=\"\">\r\n            <div class=\"content textLeft\" >\r\n              <div class=\"ctitle\">定制化程度高</div>\r\n              <div class=\"text\">\r\n                对企业适应性强<br/>\r\n                能满足不同企业的实际应用需求<br/>\r\n                还可以集成到各种应用程序和服务中\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"text text3\">\r\n            <div class=\"content textRight\">\r\n              <div class=\"ctitle\">高可控性</div>\r\n              <div class=\"text\">\r\n                控制权掌握在企业自己手中<br/>\r\n                企业可以自行管理控制调整资源<br/>\r\n                也可以按需自己升级和维护模型\r\n              </div>\r\n            </div>\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-3.png\" alt=\"\">\r\n          </div>\r\n          <div class=\"text text4\">\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part5-4.png\" alt=\"\">\r\n            <div class=\"content textLeft\">\r\n              <div class=\"ctitle\">拓展性强</div>\r\n              <div class=\"text\">\r\n                支持企业自主训练<br/>\r\n                自己创建应用适合企业需求的应用<br/>\r\n                并不断训练达到企业要求<br/>\r\n                且资料私密性强\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section\" id=\"section6\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part6-bg.png\" alt=\"\" class=\"bg\">\r\n        <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part6-title.png\" alt=\"\" class=\"title\">\r\n        <div class=\"logoList\">\r\n          <template v-for=\"item in 24\" :key=\"item\">\r\n            <div class=\"logoItem\">\r\n              <img :src=\"'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/logo'+item+'.png'\" alt=\"\">\r\n            </div>\r\n          </template>\r\n          \r\n        </div>\r\n        <div class=\"footer\">\r\n          <div class=\"logo\">\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/logoTwo.png\" alt=\"\">\r\n          </div>\r\n          <div class=\"content\">\r\n            <div class=\"ctitle\">解决方案</div>\r\n            <div class=\"row\">企业AIGC落地服务</div>\r\n            <div class=\"row\">数字营销整合方案</div>\r\n            <div class=\"row\">数字藏品创新营销服务</div>\r\n          </div>\r\n          <div class=\"content\">\r\n            <div class=\"ctitle\">联系我们</div>\r\n            <div class=\"row\">TEL: 17174371777</div>\r\n            <div class=\"row\">邮箱：inspire@inspire.com</div>\r\n          </div>\r\n          <div class=\"qrcode\">\r\n            <img src=\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/code.png\" alt=\"\">\r\n          </div>\r\n        </div>\r\n        <div class=\"copyRight\">\r\n          沪ICP备2022008431号-1 上海蕴元信息科技有限公司\r\n        </div>\r\n      </div>\r\n    </fullpage>   \r\n  </div>\r\n</template>\r\n<script setup>\r\n import{inject,onMounted,reactive,ref }from \"vue\";\r\n import fullpage from \"../components/fullpage.vue\";\r\n let hanldShow =  inject('hanldShow');\r\n let imgScroll = ref(null);//图片滚动\r\n let data=reactive({\r\n  tabList:[\r\n    {\r\n      text:'商拍供图',\r\n      value:1\r\n    },\r\n    {\r\n      text:'达人带货',\r\n      value:2\r\n    }, {\r\n      text:'社媒投放',\r\n      value:3\r\n    }, {\r\n      text:'电商首焦',\r\n      value:4\r\n    }, {\r\n      text:'营销内容',\r\n      value:5\r\n    }, {\r\n      text:'人像摄影',\r\n      value:6\r\n    }\r\n  ],//导航列表\r\n  tab:1,//当前导航\r\n  stepList:[\r\n    {\r\n      icon:'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-icon1.png',\r\n      title:'产品/IP',\r\n      desc:'企业原始产品/IP数据'\r\n    },\r\n    {\r\n      icon:'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-icon2.png',\r\n      title:'模型参数训练',\r\n      desc:'Stable Diffusion系列<br/> SDXL系列、ChatGLM系列 <br/>LLaMa系列、Baichuan系列'\r\n    },\r\n    {\r\n      icon:'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-icon3.png',\r\n      title:'模型效果测评',\r\n      desc:'将模型部署到相应位置'\r\n    },\r\n    {\r\n      icon:'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-icon4.png',\r\n      title:'模型部署上线',\r\n      desc:'测评训练之后的各项参数'\r\n    },\r\n    {\r\n      icon:'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/pc/part4-icon5.png',\r\n      title:'平台应用API接口',\r\n      desc:'支持企业自建应用<br/>SAAS平台，API接口接入'\r\n    }\r\n  ],\r\n  currentIndex:0,//当前下标\r\n  currentItem:null,//当前图片\r\n })\r\n let imgList=ref([\r\n  {\r\n    model:'https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/commercial/model.png',\r\n    list:[\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/commercial/1.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/commercial/2.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/commercial/3.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/commercial/4.png\"\r\n    ]\r\n  },\r\n  {\r\n    model:\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/expert/model.png\",\r\n    list:[\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/expert/1.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/expert/2.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/expert/3.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/expert/4.png\"\r\n    ]\r\n  },\r\n  {\r\n    model:\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/social/model.png\",\r\n    list:[\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/social/1.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/social/2.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/social/3.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/social/4.png\"\r\n    ]\r\n  },\r\n  {\r\n    model:\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/online/model.png\",\r\n    list:[\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/online/1.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/online/2.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/online/3.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/online/4.png\"\r\n    ]\r\n  },\r\n  {\r\n    model:\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/market/model.png\",\r\n    list:[\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/market/1.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/market/2.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/market/3.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/market/4.png\"\r\n    ]\r\n  },\r\n  {\r\n    model:\"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/portrait/model.png\",\r\n    list:[\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/portrait/1.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/portrait/2.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/portrait/3.png\",\r\n      \"https://yunyuan-oss.oss-cn-hangzhou.aliyuncs.com/innatechWebsie/portrait/4.png\"\r\n    ]\r\n  }\r\n ])\r\n //滚动隐藏导航\r\n const scrollPage=(des)=>{\r\n  hanldShow(des<0);\r\n }\r\n  //切换tab\r\n  const changeTab=(item)=>{\r\n    data.tab=item.value;\r\n    data.currentIndex=item.value-1;\r\n    data.currentItem=imgList.value[data.currentIndex];\r\n  }\r\n  //滚动到右边\r\n  const scrollRight=()=>{\r\n    imgScroll.value.scrollLeft  =  imgScroll.value.scrollWidth;\r\n  }\r\n  onMounted(()=>{\r\n    data.currentItem=imgList.value[data.currentIndex];\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .index{\r\n    width: 100%;\r\n    height: 100%;\r\n    .section{\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      transition: transform 0.8s ease-in-out;\r\n    }\r\n    #section1{\r\n      font-size: 0;\r\n      position: relative;\r\n      .banner{\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width:100%;\r\n      }\r\n      .bannerText{\r\n        position: absolute;\r\n        right: 0.33rem;\r\n        bottom: 0.28rem;\r\n        width: 18rem;\r\n\r\n      }\r\n      .bannerTitle{\r\n        position: absolute;\r\n        top: 2.25rem;\r\n        left: 0.52rem;\r\n        width: 10rem;\r\n         \r\n      }\r\n    }\r\n    #section2{\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      padding-top: 1rem;\r\n      box-sizing: border-box;\r\n      .title{\r\n        height: 0.8rem;\r\n      }\r\n      .subTitle{\r\n        font-family: Source Han Sans CN light;\r\n        font-weight: 300;\r\n        font-size:0.32rem;\r\n        color: #000000;\r\n        margin-top: 0.12rem;\r\n      }\r\n      .tab{\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-top: 0.2rem;\r\n        .tabItem{\r\n          width: 10%;\r\n          height: 0.7rem;\r\n          border-radius: 0.35rem;\r\n          text-align: center;\r\n          line-height: 0.7rem;\r\n          margin-right: 0.2rem;\r\n          border: 2px solid #696969;\r\n          font-family: Source Han Sans CN;\r\n          font-weight: 300;\r\n          font-size: 0.24rem;\r\n          color: #070707;\r\n          cursor: pointer;\r\n          letter-spacing: 4px;\r\n        }\r\n        .selectd{\r\n          border: 2px solid #2b73db;\r\n          color: #fff;\r\n          background: linear-gradient(90deg,#69a7f4,#526df2);\r\n        }\r\n      }\r\n      .imgList{\r\n        width: 100%;\r\n        padding: 0 0.6rem;\r\n        box-sizing: border-box;\r\n        font-size: 0;\r\n        margin-top: 0.6rem;\r\n         display: flex;\r\n         flex-direction: row;\r\n         align-items: flex-start;\r\n         justify-content: center;\r\n        .model{\r\n          height: 4rem;\r\n          img{\r\n            height: 100%;\r\n          }\r\n          .name{\r\n            font-family: Source Han Sans CN light;\r\n            font-weight: 300;\r\n            font-size: 0.3rem;\r\n            color: #232323;\r\n            margin-top: 0.16rem;\r\n          }\r\n        }\r\n        .arrow{\r\n          display:flex;\r\n          height: 4rem;\r\n          margin-left: 0.8rem;\r\n          margin-right: 0.6rem;\r\n          align-items: center;\r\n          justify-content: center;\r\n          img{\r\n            width: 0.76rem;\r\n            height: 1.5rem;\r\n          }\r\n        }\r\n        .product{\r\n          flex: 1;\r\n          width: 0;\r\n          .wrap{\r\n            width: 100%;\r\n            height: 4rem;\r\n            overflow-x: auto;\r\n            white-space: nowrap;\r\n            padding-bottom: 4px;\r\n            img{\r\n              height: 100%;\r\n              margin-right: 0.3rem;\r\n              &:last-child{\r\n                margin-right: 0;\r\n              }\r\n            }\r\n          }\r\n          .name{\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-family: Source Han Sans CN light;\r\n            font-weight: 300;\r\n            font-size: 0.3rem;\r\n            color: #232323;\r\n            margin-top: 0.16rem;\r\n            img{\r\n              width: 0.24rem;\r\n              cursor: pointer;\r\n            }\r\n          }\r\n         \r\n         \r\n        }\r\n      }\r\n      .arrowBtn{\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        font-size: 0;\r\n        padding-right:1.6rem;\r\n        box-sizing: border-box;\r\n        margin-top: 0.15rem;\r\n        cursor: pointer;\r\n        .title1{\r\n          flex: 1;\r\n          width: 0;\r\n          text-align: left;\r\n          font-family: Source Han Sans CN light;\r\n          font-weight: 300;\r\n          font-size: 0.14rem;\r\n          color: #232323;\r\n        }\r\n        .title2{\r\n          padding-left: 0.28rem;\r\n          font-family: Source Han Sans CN light;\r\n          font-weight: 300;\r\n          font-size: 0.14rem;\r\n          color: #232323;\r\n        }\r\n        img{\r\n          width: 0.24rem;\r\n        }\r\n      }\r\n    }\r\n    #section3{\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      padding-top: 1rem;\r\n      box-sizing: border-box;\r\n      .bg{\r\n        width: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n      }\r\n      .title{\r\n        position: relative;\r\n        height: 2.2rem;\r\n        z-index: 1;\r\n      }\r\n      .text1{\r\n        width: 2.5rem;\r\n        position: absolute;\r\n        left: 1.28rem;\r\n        bottom: 1.42rem;\r\n        font-size: 0;\r\n        img{\r\n          width: 100%;\r\n        }\r\n      }\r\n      .text2{\r\n        width: 2.5rem;\r\n        position: absolute;\r\n        left: 5.7rem;\r\n        bottom: 0.9rem;\r\n        font-size: 0;\r\n        img{\r\n          width: 100%;\r\n        }\r\n      }\r\n      .text3{\r\n        width: 2.5rem;\r\n        position: absolute;\r\n        right: 5.7rem;\r\n        bottom: 1.78rem;\r\n        font-size: 0;\r\n        img{\r\n          width: 100%;\r\n        }\r\n      }\r\n      .text4{\r\n        width: 2.5rem;\r\n        position: absolute;\r\n        right: 1.5rem;\r\n        bottom: 0.9rem;\r\n        font-size: 0;\r\n        img{\r\n          width: 100%;\r\n        }\r\n      }\r\n      .desc{\r\n        font-family: Source Han Sans CN;\r\n        font-weight: 400;\r\n        font-size: 0.22rem;\r\n        color: #000000;\r\n        line-height: 0.3rem;\r\n        margin-top: 0.12rem;\r\n        text-align: center;\r\n      }\r\n    }\r\n    #section4{\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      padding-top: 1rem;\r\n      box-sizing: border-box;\r\n      .bg{\r\n        width: 100%;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n      }\r\n      .title{\r\n        position: relative;\r\n        height: 0.9rem;\r\n        z-index: 1;\r\n      }\r\n      .subtitle{\r\n        position: relative;\r\n        z-index: 1;\r\n        font-family: 'Source Han Sans CN light';\r\n        font-weight: 300;\r\n        font-size: 0.32rem;\r\n        color: #000000;\r\n        margin-top: 0.24rem;\r\n      }\r\n      .step{\r\n        position: relative;\r\n        z-index: 1;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        margin-top: 1rem;\r\n        .stepItem{\r\n          width: 3.44rem;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          .icon{\r\n            width: 2.44rem;\r\n            font-size: 0;\r\n            img{\r\n              width: 100%;\r\n            }\r\n          }\r\n          .line{\r\n            width: 100%;\r\n            height: 2px;\r\n            background: none;\r\n            position: relative;\r\n            margin-top: 0.4rem;\r\n            margin-bottom: 0.5rem;\r\n            .mask{\r\n              width: 1rem;\r\n              height: 4px;\r\n              position: absolute;\r\n              top: -1px;\r\n              left: 0;\r\n              background: linear-gradient(90deg,#F8FAFD,transparent);\r\n            }\r\n            .mask1{\r\n              width: 1rem;\r\n              height: 4px;\r\n              position: absolute;\r\n              top: -1px;\r\n              right: 0;\r\n              background: linear-gradient(270deg,#E4E5FC,transparent);\r\n            }\r\n            &::before{\r\n              content: '';\r\n              position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: linear-gradient(to right, transparent 0%, transparent 50%, #66A1F3 50%,#66A1F3 100%);\r\n              background-size: 30px 3px;\r\n              background-repeat: repeat-x;\r\n            }\r\n            &::after{\r\n              content: '';\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%,-50%);\r\n              width: 0.16rem;\r\n              height: 0.16rem;\r\n              border-radius: 50%;\r\n              background: #5837E4;\r\n              z-index: 1;\r\n            }\r\n          }\r\n          .title2{\r\n            font-family: 'Source Han Sans CN bold';\r\n            font-weight: bold;\r\n            font-size: 0.36rem;\r\n            color: #63A1F4;\r\n            margin-bottom: 0.18rem;\r\n          }\r\n          .desc{\r\n            font-family: Source Han Sans CN;\r\n            font-weight: 400;\r\n            font-size: 0.2rem;\r\n            color: #000000;\r\n            line-height: 0.3rem;\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    #section5{\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      padding-top: 1rem;\r\n      box-sizing: border-box;\r\n \r\n      .title{\r\n        position: relative;\r\n        height: 0.9rem;\r\n        z-index: 1;\r\n      }\r\n      .subtitle{\r\n        position: relative;\r\n        z-index: 1;\r\n        font-family: 'Source Han Sans CN light';\r\n        font-weight: 300;\r\n        font-size: 0.32rem;\r\n        color: #000000;\r\n        margin-top: 0.24rem;\r\n      }\r\n      .wrap{\r\n        position: relative;\r\n        z-index: 1;\r\n        margin-top: 0.8rem;\r\n        width: 15.5rem;\r\n        height: 5.2rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        .bg{\r\n          height: 8rem;\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%,-50%);\r\n        }\r\n        .mainTitle{\r\n          position: absolute;\r\n          top: 44%;\r\n          left: 50%;\r\n          transform: translate(-50%,-50%);\r\n          height: 0.6rem;\r\n        }\r\n        .text{\r\n          height: 1.6rem;\r\n          display: flex;\r\n          flex-direction: row;\r\n          align-items: flex-start;\r\n          img{\r\n            height: 100%;\r\n          }\r\n          .content{\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: space-between;\r\n            .ctitle{\r\n              font-family: 'Source Han Sans CN bold';\r\n              font-weight: bold;\r\n              font-size: 0.36rem;\r\n              color: #000;\r\n              margin-bottom: 0.08rem;\r\n              line-height: 1;\r\n            }\r\n            .text{\r\n              font-family: Source Han Sans CN;\r\n              font-weight: 400;\r\n              font-size: 0.2rem;\r\n              color: #000000;\r\n              line-height: 0.28rem;\r\n            }\r\n         \r\n          }\r\n          .textLeft{ \r\n            margin-left: 0.1rem;\r\n            .ctitle{\r\n              text-align: left;\r\n            }\r\n            .text{\r\n              text-align: left;\r\n            }\r\n          }\r\n          .textRight{\r\n            margin-right: 0.1rem;\r\n            .ctitle{\r\n              text-align: right;\r\n            }\r\n            .text{\r\n              text-align: right;\r\n            }\r\n          }\r\n        }\r\n        .text1{\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0.6rem;\r\n        }\r\n        .text2{\r\n          position: absolute;\r\n          top: 0;\r\n          right: 1.4rem;\r\n          height: 1.3rem;\r\n        }\r\n        .text3{\r\n          position: absolute;\r\n          bottom: 0;\r\n          left:1rem;\r\n          height: 1.3rem;\r\n        }\r\n        .text4{\r\n          position: absolute;\r\n          bottom: 0;\r\n          right: 0.8rem;\r\n          \r\n        }\r\n      }\r\n    }\r\n    #section6{\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      padding-top: 1rem;\r\n      box-sizing: border-box;\r\n      .bg{\r\n        width: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n      }\r\n      .title{\r\n        position: relative;\r\n        height: 0.8rem;\r\n        z-index: 1;\r\n      }\r\n      .logoList{\r\n        position: relative;\r\n        z-index: 1;\r\n        width: 16rem;\r\n        margin-top: 0.8rem;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        .logoItem{\r\n          width: 1.5rem;\r\n          height: 0.9rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          margin-right: 0.5rem;\r\n          margin-bottom: 0.5rem;\r\n          cursor: pointer;\r\n          &:nth-child(8n){\r\n            margin-right: 0;\r\n          }\r\n          img{\r\n            max-height: 100%;\r\n            max-width: 100%;\r\n          }\r\n        }\r\n      }\r\n      .footer{\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        width: 100%;\r\n        height: 2rem;\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        padding: 0 0.35rem 0 0.88rem;\r\n        box-sizing: border-box;\r\n        .logo{\r\n          width: 3rem;\r\n          font-size: 0;\r\n          margin-right: 1rem;\r\n          img{\r\n            width: 100%;\r\n          }\r\n        }\r\n        .content{\r\n          margin-right: 1.45rem;\r\n          .ctitle{\r\n            font-family: Source Han Sans CN bold;\r\n            font-weight: bold;\r\n            font-size: 0.26rem;\r\n            color: #3B125E;\r\n            line-height: 1;\r\n            margin-bottom: 0.16rem;\r\n          }\r\n          .row{\r\n            font-family: Source Han Sans CN;\r\n            font-weight: 400;\r\n            font-size: 0.17rem;\r\n            color: #000000;\r\n            margin-top: 0.12rem;\r\n            line-height: 1;\r\n          }\r\n        }\r\n        .qrcode{\r\n          flex: 1;\r\n          text-align: right;\r\n          height: 1.6rem;\r\n          font-size: 0;\r\n          img{\r\n            height: 100%;\r\n          }\r\n        }\r\n      }\r\n\r\n    }\r\n    .copyRight{\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      height: 0.4rem;\r\n      line-height: 0.4rem;\r\n      text-align: center;\r\n      color: #595959;\r\n      font-size: 0.12rem;\r\n    }\r\n  }\r\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=0a33ef00&lang=scss&scoped=true\"\n\nimport exportComponent from \"E:\\\\定制项目\\\\innatech_website\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0a33ef00\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./fullpage.vue?vue&type=style&index=0&id=41c96edd&lang=scss&scoped=true\""],"sourceRoot":""}