{"version":3,"sources":["webpack:///./src/components/common/ForeCard.vue?4708","webpack:///./src/assets/img/virtualmall/vi-bg-fore.jpg","webpack:///./src/assets/img/virtualmall/vi-bg-two.jpg","webpack:///./src/assets/img/virtualmall/step-three.jpg","webpack:///./src/views/product/virtualmall.vue","webpack:///./src/components/common/SetUp.vue","webpack:///src/components/common/SetUp.vue","webpack:///./src/components/common/SetUp.vue?60b4","webpack:///./src/components/common/SetUp.vue?7517","webpack:///src/views/product/virtualmall.vue","webpack:///./src/views/product/virtualmall.vue?1779","webpack:///./src/views/product/virtualmall.vue?83c3","webpack:///./src/components/common/ForeCard.vue","webpack:///src/components/common/ForeCard.vue","webpack:///./src/components/common/ForeCard.vue?4c69","webpack:///./src/components/common/ForeCard.vue?d114","webpack:///./src/assets/img/virtualmall/vi-bg-one.jpg","webpack:///./src/components/common/SetUp.vue?04e8","webpack:///./src/assets/img/virtualmall/vi-bg-three.jpg","webpack:///./src/assets/img/virtualmall/step-two.jpg","webpack:///./src/assets/img/virtualmall/step-one.jpg","webpack:///./src/views/product/virtualmall.vue?81c0"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_m","_v","attrs","stepActiveIndex","on","$event","stepImgList","url","foreCardList","staticRenderFns","_l","billList","item","index","key","onClickBtn","class","activeIndex","_s","name","_e","props","type","Number","default","data","methods","$emit","component","components","ForeCard","SetUp","HomeBrandSwiper","bgImg","require","title","desc","mounted","$wow","WOW","init","boxClass","animateClass","offset","mobile","live","dataList","Array"],"mappings":"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","file":"js/chunk-1758590a.ffe8ab84.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForeCard.vue?vue&type=style&index=0&id=5a9f7417&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/vi-bg-fore.60de18c7.jpg\";","module.exports = __webpack_public_path__ + \"img/vi-bg-two.19ca554b.jpg\";","module.exports = __webpack_public_path__ + \"img/step-three.06eef526.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"virtualmall\"},[_vm._m(0),_c('div',{staticClass:\"virtualmall-introduce\"},[_c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"two-leave-title\"},[_vm._v(\"运营服务保障\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"left\"},[_c('SetUp',{attrs:{\"activeIndex\":_vm.stepActiveIndex},on:{\"update:activeIndex\":function($event){_vm.stepActiveIndex=$event},\"update:active-index\":function($event){_vm.stepActiveIndex=$event}}})],1),_c('div',{staticClass:\"right\"},[_c('img',{staticClass:\"wow animate__animated animate__fadeInUp\",attrs:{\"src\":_vm.stepImgList[_vm.stepActiveIndex].url}})])])])]),_c('div',{staticClass:\"virtualmall-ecology\"},[_c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"two-leave-title\"},[_vm._v(\"深度打造弹性员工福利解决方案\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 有效提高企业员工福利管理效率、控制福利支出，以用户忠诚度为导向，打造专业积分营销活动方案。通过与节日时节、时事热点、行业热点等相结合，不断更新创意，提高对用户的吸引力，制定丰富多样的活动、促销、游戏和促活机制等，给用户带来更多乐趣，提高用户活跃度。 \")]),_c('div',{staticClass:\"fore-card\"},[_c('ForeCard',{attrs:{\"dataList\":_vm.foreCardList}})],1)])]),_vm._m(1),_c('div',{staticClass:\"brand\"},[_vm._m(2),_c('div',{staticClass:\"container mx-auto\"},[_c('HomeBrandSwiper')],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-banner\"},[_c('div',{staticClass:\"container mx-auto title-box\"},[_c('h1',{staticClass:\"banner-one-title\"},[_vm._v(\"数字权益商品全链路服务应用\")]),_c('div',{staticClass:\"banner-two flex\"},[_c('button',{staticClass:\"btn\"},[_vm._v(\"积分运营工具\")]),_c('button',{staticClass:\"btn\"},[_vm._v(\"商城服务搭建\")]),_c('button',{staticClass:\"btn\"},[_vm._v(\"营销活动策划\")]),_c('button',{staticClass:\"btn\"},[_vm._v(\"福利积分商城\")])]),_c('button',{staticClass:\"btn-line\"},[_vm._v(\"立即咨询\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"use-scenarios\"},[_c('div',{staticClass:\"container mx-auto scenarios\"},[_c('h2',{staticClass:\"two-leave-title\"},[_vm._v(\"创新福利管理理念，全面提升福利价值\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 通过互联网思维平台化管理，深度挖掘员工福利需求，实现企业员工福利管理需要，将企业福利、激励政策、企业文化、规章制度等以积分形式，通过线上科学、规范、系统的进行管理和呈现，同时配套专属福利平台，实时兑换，便捷高效。 \"),_c('br'),_vm._v(\" 结合员工福利不断完善企业激励机制，将员工的综合能力与工作表现以积分体现，通过各种福利形式与积分排名相结合，灵活发放员工福利从而全方位调动员工的主观能动性。提供专业一对一定制服务，搭建企业专属福利商城，企业可以从福利商品库内挑选多样化的福利产品，自行搭配以满足实际需求。 \"),_c('br'),_vm._v(\" 实现福利主题及场景全面覆盖，围绕用户生活服务打造各类活动环节。根据企业不同的福利场景需求，有针对性的定制福利选品方案。各大热销及节日福利专题商品更有针对性的满足员工如端午、中秋、春节、生日、女神、清凉、温暖、亲子、团建、认可等各式福利场景需求。 \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container mx-auto scenarios\"},[_c('h2',{staticClass:\"two-leave-title\"},[_vm._v(\"合作品牌\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"setps flex\"},[_c('div',{staticClass:\"setp\"},_vm._l((_vm.billList),function(item,index){return _c('div',{key:index,staticClass:\"stepItem\",on:{\"click\":function($event){return _vm.onClickBtn(index)}}},[_c('div',{class:['crcil', _vm.activeIndex == index && 'crcil-selected']}),_c('div',{staticClass:\"stepBox\"},[_c('div',{class:['btn', _vm.activeIndex == index && 'btn-selected']},[_vm._v(_vm._s(item.name))])])])}),0),(_vm.activeIndex == 0)?_c('div',[_vm._m(0),_vm._m(1)]):_vm._e(),(_vm.activeIndex == 1)?_c('div',[_vm._m(2),_vm._m(3)]):_vm._e(),(_vm.activeIndex == 2)?_c('div',[_vm._m(4),_vm._m(5)]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_vm._v(\" 1、深度结合企业业务与客户系统，提升积分运营价值；\"),_c('br'),_vm._v(\" 2、满足标准版本所需功能，提供更完善的定制化服务、丰富的运营工具、促进日活和业务增成等，全面提升商城价值。 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex info-box\"},[_c('div',{staticClass:\"info-btn\"},[_vm._v(\"高效\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"明确\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"精准\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"稳定\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"可用性强\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_vm._v(\" 1、项目独立、灵活管理，平台可自主开发、迭代升级，也可提供API、Webservice等多种接口，多语言支持，高可用、高稳定系统，24小时实时监控，快速安全响应； \"),_c('br'),_vm._v(\" 2、信息数据加密安全管理，前后端数据分离，解决信息储存、处理、传输过程中的数据安全问题； \"),_c('br'),_vm._v(\" 3、成熟的技术管理框架，确保正常用户登录的同时，拒绝非法程序访问与执行。 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex info-box\"},[_c('div',{staticClass:\"info-btn\"},[_vm._v(\"成熟\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"专业\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"安全\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"稳定\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"扩展性强\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_vm._v(\" 1、1对1配备商城运营专员，快速响应需求，及时给出解决方案； \"),_c('br'),_vm._v(\" 2、8年活动运营服务经验，为企业用户增长提供完整的营销运营闭环；\"),_c('br'),_vm._v(\" 3、电商化运营服务体系，标准QA为用户提供服务咨询，售后无忧；\"),_c('br'),_vm._v(\" 4、电商化仓配体系，采用一级物流网络承运商全网覆盖，为用户提供完善的仓储物流服务。 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex info-box\"},[_c('div',{staticClass:\"info-btn\"},[_vm._v(\"创新\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"完善\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"灵活\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"快速\")]),_c('div',{staticClass:\"info-btn\"},[_vm._v(\"持续性强\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"setps flex\">\n    <div class=\"setp\">\n      <div class=\"stepItem\" v-for=\"(item, index) in billList\" :key=\"index\" @click=\"onClickBtn(index)\">\n        <div :class=\"['crcil', activeIndex == index && 'crcil-selected']\"></div>\n        <div class=\"stepBox\">\n          <div :class=\"['btn', activeIndex == index && 'btn-selected']\">{{ item.name }}</div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"activeIndex == 0\">\n      <div class=\"content\">\n        1、深度结合企业业务与客户系统，提升积分运营价值；<br />\n        2、满足标准版本所需功能，提供更完善的定制化服务、丰富的运营工具、促进日活和业务增成等，全面提升商城价值。\n      </div>\n      <div class=\"flex info-box\">\n        <div class=\"info-btn\">高效</div>\n        <div class=\"info-btn\">明确</div>\n        <div class=\"info-btn\">精准</div>\n        <div class=\"info-btn\">稳定</div>\n        <div class=\"info-btn\">可用性强</div>\n      </div>\n    </div>\n    <div v-if=\"activeIndex == 1\">\n      <div class=\"content\">\n        1、项目独立、灵活管理，平台可自主开发、迭代升级，也可提供API、Webservice等多种接口，多语言支持，高可用、高稳定系统，24小时实时监控，快速安全响应；\n        <br />\n        2、信息数据加密安全管理，前后端数据分离，解决信息储存、处理、传输过程中的数据安全问题；\n        <br />\n        3、成熟的技术管理框架，确保正常用户登录的同时，拒绝非法程序访问与执行。\n      </div>\n      <div class=\"flex info-box\">\n        <div class=\"info-btn\">成熟</div>\n        <div class=\"info-btn\">专业</div>\n        <div class=\"info-btn\">安全</div>\n        <div class=\"info-btn\">稳定</div>\n        <div class=\"info-btn\">扩展性强</div>\n      </div>\n    </div>\n    <div v-if=\"activeIndex == 2\">\n      <div class=\"content\">\n        1、1对1配备商城运营专员，快速响应需求，及时给出解决方案； <br />\n        2、8年活动运营服务经验，为企业用户增长提供完整的营销运营闭环；<br />\n        3、电商化运营服务体系，标准QA为用户提供服务咨询，售后无忧；<br />\n        4、电商化仓配体系，采用一级物流网络承运商全网覆盖，为用户提供完善的仓储物流服务。\n      </div>\n      <div class=\"flex info-box\">\n        <div class=\"info-btn\">创新</div>\n        <div class=\"info-btn\">完善</div>\n        <div class=\"info-btn\">灵活</div>\n        <div class=\"info-btn\">快速</div>\n        <div class=\"info-btn\">持续性强</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    activeIndex: {\n      type: Number,\n      default: () => 0\n    }\n  },\n  data() {\n    return {\n      billList: [\n        {\n          name: '产品打造'\n        },\n        {\n          name: '技术研发'\n        },\n        {\n          name: '运营售后'\n        }\n      ]\n    };\n  },\n  methods: {\n    onClickBtn(index) {\n      this.$emit('update:activeIndex', index);\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"less\">\n.setps {\n  .setp {\n    width: 132px;\n    border-right: 1px solid rgba(0, 0, 0, 0.05);\n    .stepItem {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      padding-bottom: 20px;\n    }\n    .crcil {\n      width: 8px;\n      height: 8px;\n      box-shadow: 3px 3px 6px rgba(255, 255, 255, 1);\n      border-radius: 50%;\n      z-index: 20;\n      border: 1px solid @lupay-text-color-theme;\n    }\n    .crcil-selected {\n      background: @lupay-text-color-theme;\n    }\n    .stepItem:not(:last-of-type):after {\n      content: '';\n      height: 39px;\n      width: 0.05rem;\n      background: @lupay-text-color-theme;\n      position: absolute;\n      left: 0.2rem;\n      top: 17px;\n      z-index: 1;\n    }\n    .stepBox {\n      width: 85%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n    }\n    .btn {\n      height: 26px;\n      cursor: pointer;\n      line-height: 26px;\n      padding: 0 10px;\n      transform: translate(0, 0);\n      transition-duration: 300ms;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in;\n    }\n    .btn:hover {\n      text-align: center;\n      background: @lupay-text-color-theme;\n      box-shadow: 0px 3px 10px rgba(34, 78, 219, 0.1);\n      border-radius: 6px;\n      color: #fff;\n      transform: translate(0, 0);\n    }\n    .btn-selected {\n      text-align: center;\n      background: @lupay-text-color-theme;\n      box-shadow: 0px 3px 10px rgba(34, 78, 219, 0.1);\n      border-radius: 6px;\n      color: #fff;\n      transform: translate(0, 0);\n    }\n  }\n  .content {\n    width: 380px;\n    color: rgba(0, 0, 0, 0.6);\n    font-size: 14px;\n    padding-left: 24px;\n  }\n  .info-box {\n    padding-left: 24px;\n    margin-top: 20px;\n    .info-btn {\n      height: 22px;\n      padding: 0 10px;\n      border: 1px solid @lupay-text-color-theme;\n      border-radius: 18px;\n      color: @lupay-text-color-theme;\n      font-size: 12px;\n      text-align: center;\n      line-height: 20px;\n      margin: 0 12px;\n    }\n    .info-btn:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SetUp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SetUp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SetUp.vue?vue&type=template&id=0bb91828&scoped=true&\"\nimport script from \"./SetUp.vue?vue&type=script&lang=js&\"\nexport * from \"./SetUp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SetUp.vue?vue&type=style&index=0&id=0bb91828&prod&scoped=true&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0bb91828\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"virtualmall\">\n    <!-- 顶部图 -->\n    <div class=\"header-banner\">\n      <div class=\"container mx-auto title-box\">\n        <h1 class=\"banner-one-title\">数字权益商品全链路服务应用</h1>\n        <div class=\"banner-two flex\">\n          <button class=\"btn\">积分运营工具</button>\n          <button class=\"btn\">商城服务搭建</button>\n          <button class=\"btn\">营销活动策划</button>\n          <button class=\"btn\">福利积分商城</button>\n        </div>\n        <button class=\"btn-line\">立即咨询</button>\n      </div>\n    </div>\n    <!-- 运营服务保障 -->\n    <div class=\"virtualmall-introduce\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"two-leave-title\">运营服务保障</h2>\n        <div class=\"content\">\n          <div class=\"left\">\n            <SetUp :activeIndex.sync=\"stepActiveIndex\" />\n          </div>\n          <div class=\"right\">\n            <img class=\"wow animate__animated animate__fadeInUp\" :src=\"stepImgList[stepActiveIndex].url\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 运营活动 -->\n    <div class=\"virtualmall-ecology\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"two-leave-title\">深度打造弹性员工福利解决方案</h2>\n        <p class=\"desc\">\n          有效提高企业员工福利管理效率、控制福利支出，以用户忠诚度为导向，打造专业积分营销活动方案。通过与节日时节、时事热点、行业热点等相结合，不断更新创意，提高对用户的吸引力，制定丰富多样的活动、促销、游戏和促活机制等，给用户带来更多乐趣，提高用户活跃度。\n        </p>\n        <div class=\"fore-card\">\n          <ForeCard :dataList=\"foreCardList\" />\n        </div>\n      </div>\n    </div>\n    <!-- 使用场景 -->\n    <div class=\"use-scenarios\">\n      <div class=\"container mx-auto scenarios\">\n        <h2 class=\"two-leave-title\">创新福利管理理念，全面提升福利价值</h2>\n        <p class=\"desc\">\n          通过互联网思维平台化管理，深度挖掘员工福利需求，实现企业员工福利管理需要，将企业福利、激励政策、企业文化、规章制度等以积分形式，通过线上科学、规范、系统的进行管理和呈现，同时配套专属福利平台，实时兑换，便捷高效。\n          <br />\n          结合员工福利不断完善企业激励机制，将员工的综合能力与工作表现以积分体现，通过各种福利形式与积分排名相结合，灵活发放员工福利从而全方位调动员工的主观能动性。提供专业一对一定制服务，搭建企业专属福利商城，企业可以从福利商品库内挑选多样化的福利产品，自行搭配以满足实际需求。\n          <br />\n          实现福利主题及场景全面覆盖，围绕用户生活服务打造各类活动环节。根据企业不同的福利场景需求，有针对性的定制福利选品方案。各大热销及节日福利专题商品更有针对性的满足员工如端午、中秋、春节、生日、女神、清凉、温暖、亲子、团建、认可等各式福利场景需求。\n        </p>\n      </div>\n    </div>\n    <!-- 合作品牌 -->\n    <div class=\"brand\">\n      <div class=\"container mx-auto scenarios\">\n        <h2 class=\"two-leave-title\">合作品牌</h2>\n      </div>\n      <div class=\"container mx-auto\">\n        <HomeBrandSwiper />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// components\nimport ForeCard from '@/components/common/ForeCard';\nimport SetUp from '@/components/common/SetUp';\nimport HomeBrandSwiper from '@/components/common/HomeBrandSwiper';\n\nexport default {\n  components: {\n    ForeCard,\n    SetUp,\n    HomeBrandSwiper\n  },\n  data() {\n    return {\n      foreCardList: [\n        {\n          bgImg: require('@/assets/img/virtualmall/vi-bg-one.jpg'),\n          title: '有效福利整合',\n          desc: '作为强大的福利平台，弹性福利为特定情况下不同福利项目的整合和优化提供了极大的空间和灵活性，增强了企业与员工之间的沟通与互动。'\n        },\n        {\n          bgImg: require('@/assets/img/virtualmall/vi-bg-two.jpg'),\n          title: '管控福利成本',\n          desc: '在福利成本既定条件下，企业长期福利支出得到有效控制，必要时可选择和员工共担福利价格上涨的成本。'\n        },\n        {\n          bgImg: require('@/assets/img/virtualmall/vi-bg-three.jpg'),\n          title: '提升员工敬业度',\n          desc: '在弹性福利体系下，相同的成本投入可以满足员工不同的福利需求，使既定成本的有效性大大提高，有效提高员工敬业度，提升员工的企业文化认同感和归属感。'\n        },\n        {\n          bgImg: require('@/assets/img/virtualmall/vi-bg-fore.jpg'),\n          title: '技术支持',\n          desc: '平台自主开发、迭代升级，拥有成熟的技术管理框架，保障信息数据加密安全管理，提供API、Webservice等多种接口，多语言支持，高可用、高稳定系统；24小时实时监控，实行全方位的安全防护体系和完备的防护响应机制。'\n        }\n      ],\n      stepActiveIndex: 0,\n      stepImgList: [\n        {\n          url: require('@/assets/img/virtualmall/step-one.jpg')\n        },\n        {\n          url: require('@/assets/img/virtualmall/step-two.jpg')\n        },\n        {\n          url: require('@/assets/img/virtualmall/step-three.jpg')\n        }\n      ]\n    };\n  },\n  mounted() {\n    new this.$wow.WOW().init({\n      //新建实列\n      boxClass: 'wow', //class名字\n      animateClass: 'animate__animated', //animateclass动画库类名,和当前animate动画库决定\n      offset: 0, //到元素距离触发动画（当默认为0）\n      mobile: true, //在移动设备上触发动画（默认为true）\n      live: true //对异步加载的内容进行操作（默认为true）\n    });\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.virtualmall {\n  margin-bottom: 100px;\n  .header-banner {\n    height: 483px;\n    width: 100%;\n    background-image: url('../../assets/img/virtualmall/vi-logo.png');\n    background-size: 100% 100%;\n    .title-box {\n      padding-top: 99px;\n      .banner-one-title,\n      .banner-two {\n        margin-left: 45px;\n      }\n      .banner-two {\n        margin: 10px 45px 14px 45px;\n        .btn {\n          width: 117px;\n          height: 34px;\n          border: 1px solid @lupay-text-color-theme;\n          border-radius: 17px;\n          margin-right: 20px;\n          color: @lupay-text-color-theme;\n        }\n      }\n      .btn-line {\n        margin-top: 120px;\n        margin-left: 49px;\n        border-radius: 6px;\n        position: relative;\n      }\n      .btn-line:hover::after {\n        content: '';\n        display: block;\n        width: 160px;\n        height: 160px;\n        top: 80px;\n        left: -1px;\n        position: absolute;\n        background-image: url('../../assets/img/lupaywechat.png');\n        background-size: 100% 100%;\n        padding: 2px;\n        border: 1px solid #f4f4f4;\n        opacity: 1;\n        transition-duration: 300ms;\n      }\n    }\n  }\n  &-introduce {\n    margin-top: 77px;\n    .two-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n    }\n    .content {\n      margin-top: 71px;\n      height: 277px;\n      background: rgba(224, 240, 255, 0.2);\n      position: relative;\n      padding-top: 45px;\n      .left {\n        margin-left: 45px;\n      }\n      .right {\n        img {\n          top: -48px;\n          right: 22px;\n          width: 548px;\n          height: 301px;\n          border-radius: 12px;\n          position: absolute;\n          transition: all 0.6s;\n        }\n        img:hover {\n          transform: scale(1.1);\n          transition: all 0.6s;\n        }\n      }\n    }\n  }\n  &-ecology {\n    margin-top: 77px;\n    .two-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n    }\n    .desc {\n      width: 720px;\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 14px;\n      margin-top: 45px;\n      margin-left: 49px;\n    }\n  }\n  .use-scenarios {\n    margin-top: 77px;\n    width: 100%;\n    height: 507px;\n    .scenarios {\n      width: 100%;\n      height: 100%;\n      background-image: url('../../assets/img/virtualmall/use-logo.png');\n      background-size: 100% 100%;\n    }\n    .two-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n      margin-bottom: 90px;\n    }\n    .desc {\n      width: 463px;\n      color: rgba(0, 0, 0, 0.6);\n      font-size: 14px;\n      margin-left: 49px;\n      line-height: 25px;\n    }\n  }\n  .brand {\n    margin-top: 50px;\n    .two-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n      margin-bottom: 90px;\n    }\n  }\n  .fore-card {\n    margin-top: 88px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./virtualmall.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./virtualmall.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./virtualmall.vue?vue&type=template&id=170995dc&scoped=true&\"\nimport script from \"./virtualmall.vue?vue&type=script&lang=js&\"\nexport * from \"./virtualmall.vue?vue&type=script&lang=js&\"\nimport style0 from \"./virtualmall.vue?vue&type=style&index=0&id=170995dc&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"170995dc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"equity-ecology-box grid h-100 grid-cols-2 grid-rows-2 gap-4\"},_vm._l((_vm.dataList),function(item,index){return _c('div',{key:index,staticClass:\"card\"},[_c('img',{staticClass:\"bg-img\",attrs:{\"src\":item.bgImg}}),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(item.desc))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"equity-ecology-box grid h-100 grid-cols-2 grid-rows-2 gap-4\">\n    <div class=\"card\" v-for=\"(item, index) in dataList\" :key=\"index\">\n      <img class=\"bg-img\" :src=\"item.bgImg\" />\n      <div class=\"content\">\n        <!-- <img :src=\"item.icon\" /> -->\n        <p class=\"title\">{{ item.title }}</p>\n        <p class=\"desc\">{{ item.desc }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// 两行两列\nexport default {\n  props: {\n    dataList: {\n      type: Array,\n      default: () => []\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.equity-ecology-box {\n  .card {\n    height: 289px;\n    position: relative;\n    overflow: hidden;\n    .bg-img {\n      width: 100%;\n      height: 100%;\n      transition-duration: 300ms;\n    }\n    .bg-img:hover {\n      transform: scale(1.1);\n      transition-duration: 300ms;\n    }\n    .content {\n      width: 260px;\n      height: 289px;\n      // background: rgba(33, 67, 174, 0.8);\n      // backdrop-filter: blur(6px);\n      padding: 48px 30px 0 49px;\n      position: absolute;\n      top: 0;\n      img {\n        max-width: 48px;\n        max-height: 45px;\n      }\n      .title {\n        color: rgba(34, 78, 219, 1);\n        font-size: 16px;\n        margin: 15px 0 16px 0;\n        font-weight: 700;\n      }\n      .desc {\n        width: 182px;\n        font-size: 14px;\n        color: rgba(0, 0, 0, 0.6);\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForeCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForeCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ForeCard.vue?vue&type=template&id=5a9f7417&scoped=true&\"\nimport script from \"./ForeCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ForeCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ForeCard.vue?vue&type=style&index=0&id=5a9f7417&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5a9f7417\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/vi-bg-one.c53e45bc.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SetUp.vue?vue&type=style&index=0&id=0bb91828&prod&scoped=true&lang=less&\"","module.exports = __webpack_public_path__ + \"img/vi-bg-three.6ad11593.jpg\";","module.exports = __webpack_public_path__ + \"img/step-two.47bdb887.jpg\";","module.exports = __webpack_public_path__ + \"img/step-one.1e3565b0.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./virtualmall.vue?vue&type=style&index=0&id=170995dc&prod&lang=less&scoped=true&\""],"sourceRoot":""}