{"version":3,"sources":["webpack:///./src/assets/img/api/api.png","webpack:///./src/assets/img/api/pc-phone.png","webpack:///./src/assets/img/api/api-recharge.png","webpack:///./src/assets/img/api/money.png","webpack:///./src/assets/img/api/api-shop.png","webpack:///./src/assets/img/api/api-config.png","webpack:///./src/assets/img/api/api-order.png","webpack:///./src/assets/img/api/api-equarity.png","webpack:///./src/assets/img/api/api-money.png","webpack:///./src/views/product/apiRecharge.vue?1cd4","webpack:///./src/views/product/apiRecharge.vue","webpack:///src/views/product/apiRecharge.vue","webpack:///./src/views/product/apiRecharge.vue?8298","webpack:///./src/views/product/apiRecharge.vue?2eb6"],"names":["module","exports","render","_vm","this","_self","_c","_m","staticRenderFns","staticClass","_v","attrs","require","data","columnList","mounted","$wow","WOW","init","boxClass","animateClass","offset","mobile","live","component"],"mappings":"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","file":"js/chunk-7baba362.7fe422a3.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/api.c6fdced6.png\";","module.exports = __webpack_public_path__ + \"img/pc-phone.3f4148f4.png\";","module.exports = __webpack_public_path__ + \"img/api-recharge.1b6e834d.png\";","module.exports = __webpack_public_path__ + \"img/money.388a1f42.png\";","module.exports = __webpack_public_path__ + \"img/api-shop.2984f1cd.png\";","module.exports = __webpack_public_path__ + \"img/api-config.141b470f.png\";","module.exports = __webpack_public_path__ + \"img/api-order.47e1d35d.png\";","module.exports = __webpack_public_path__ + \"img/api-equarity.4ea35464.png\";","module.exports = __webpack_public_path__ + \"img/api-money.dc24ee84.png\";","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!./apiRecharge.vue?vue&type=style&index=0&id=04ffbdb9&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"api-card\"},[_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-line\"},[_vm._v(\"立即咨询\")])])]),_c('div',{staticClass:\"api-card-service\"},[_c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"three-leave-title\"},[_vm._v(\"运营服务保障\")]),_c('div',{staticClass:\"content grid grid-cols-3 gap-4\"},[_c('div',{staticClass:\"card flex justify-center align-center flex-col\"},[_c('div',{staticClass:\"box flex justify-center align-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api-shop.png\")}})]),_c('p',{staticClass:\"title\"},[_vm._v(\"商品管理\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\"为api商户提供可以对接的商品类目、商品编号、商品面值及商品具体的使用流程等信息\")])]),_c('div',{staticClass:\"card flex justify-center align-center flex-col\"},[_c('div',{staticClass:\"box flex justify-center align-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api-order.png\")}})]),_c('p',{staticClass:\"title\"},[_vm._v(\"订单管理\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\"提供订单明细查询、充值记录核对，订单导出等功能\")])]),_c('div',{staticClass:\"card flex justify-center align-center flex-col\"},[_c('div',{staticClass:\"box flex justify-center align-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api-config.png\")}})]),_c('p',{staticClass:\"title\"},[_vm._v(\"应用配置\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\"密钥管理、账号绑定、IP白名单添加、参数配置\")])])])])]),_c('div',{staticClass:\"api-card-uses\"},[_c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"three-leave-title\"},[_vm._v(\"使用场景\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 针对拥有一定技术团队的企业，通过接入璐付充值API，用于手机App、PC客户端、微信公众号、小程序、支付宝生活号等多种场景，为企业自身用户提供在线充值服务，丰富服务内容，促进流量变现。 \")]),_c('div',{staticClass:\"content grid grid-cols-5 gap-0\"},[_c('div',{staticClass:\"card\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api.png\")}})]),_c('div',{staticClass:\"step flex justify-center align-center\"},[_c('img',{attrs:{\"src\":\"https://img.js.design/assets/img/607ba7b8d253563f2be8d04d.png\"}})]),_c('div',{staticClass:\"card flex align-center pc-phone\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/pc-phone.png\")}})]),_c('div',{staticClass:\"step flex justify-center align-center\"},[_c('img',{attrs:{\"src\":\"https://img.js.design/assets/img/607ba7b8d253563f2be8d04d.png\"}})]),_c('div',{staticClass:\"card\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/money.png\")}})])])])]),_c('div',{staticClass:\"product-advantages\"},[_c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"three-leave-title\"},[_vm._v(\"产品优势\")])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"container mx-auto one-card flex align-center\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api-recharge.png\")}})]),_c('div',{staticClass:\"right flex flex-col justify-center\"},[_c('div',{staticClass:\"info-box\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"高效稳定低延迟的技术方案\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 100+专业技术团队打造，稳定高效，畅享低延迟高稳定解决方案，立志于为企业带来变革级全新体验，支持各种技术方案、多维度全链路场景，为企业降本增效。 \")])])])]),_c('div',{staticClass:\"two-card\"},[_c('div',{staticClass:\"container mx-auto flex align-center\"},[_c('div',{staticClass:\"left flex flex-col justify-center\"},[_c('div',{staticClass:\"info-box\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"货源丰富，涵盖全品类\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 1000+数字权益商品，全品类覆盖，可满足不同行业、场景需求。整合优质供应资源、品牌源头商品，全网价格最优。100%品牌产品，100%正品保障，十大品类，涵盖国内外知名品牌10W+SKU，保障每一款商品品质和优质服务。 \")])])]),_c('div',{staticClass:\"right\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api-equarity.png\")}})])])]),_c('div',{staticClass:\"container mx-auto one-card flex align-center\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api/api-money.png\")}})]),_c('div',{staticClass:\"right flex flex-col justify-center\"},[_c('div',{staticClass:\"info-box\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"降本增效，助力企业业务快速增长\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 提供全面丰富的管理能力，订单管理、财务管理让订单、往来账一目了然，减轻财务压力，降低企业管理成本；丰富多样的商品牢牢锁定用户，不断为用户带来全新体验，有效提升用户忠诚度，促进企业业务快速增长，为企业增收盈利。 \")])])])])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"api-card\">\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        </div>\n        <button class=\"btn-line\">立即咨询</button>\n      </div>\n    </div>\n    <!-- 运营服务保障 -->\n    <div class=\"api-card-service\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"three-leave-title\">运营服务保障</h2>\n        <div class=\"content grid grid-cols-3 gap-4\">\n          <div class=\"card flex justify-center align-center flex-col\">\n            <div class=\"box flex justify-center align-center\">\n              <img src=\"@/assets/img/api/api-shop.png\" />\n            </div>\n            <p class=\"title\">商品管理</p>\n            <p class=\"desc\">为api商户提供可以对接的商品类目、商品编号、商品面值及商品具体的使用流程等信息</p>\n          </div>\n          <div class=\"card flex justify-center align-center flex-col\">\n            <div class=\"box flex justify-center align-center\">\n              <img src=\"@/assets/img/api/api-order.png\" />\n            </div>\n            <p class=\"title\">订单管理</p>\n            <p class=\"desc\">提供订单明细查询、充值记录核对，订单导出等功能</p>\n          </div>\n          <div class=\"card flex justify-center align-center flex-col\">\n            <div class=\"box flex justify-center align-center\">\n              <img src=\"@/assets/img/api/api-config.png\" />\n            </div>\n            <p class=\"title\">应用配置</p>\n            <p class=\"desc\">密钥管理、账号绑定、IP白名单添加、参数配置</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 使用场景 -->\n    <div class=\"api-card-uses\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"three-leave-title\">使用场景</h2>\n        <p class=\"desc\">\n          针对拥有一定技术团队的企业，通过接入璐付充值API，用于手机App、PC客户端、微信公众号、小程序、支付宝生活号等多种场景，为企业自身用户提供在线充值服务，丰富服务内容，促进流量变现。\n        </p>\n        <div class=\"content grid grid-cols-5 gap-0\">\n          <div class=\"card\">\n            <img src=\"@/assets/img/api/api.png\" />\n          </div>\n          <div class=\"step flex justify-center align-center\">\n            <img src=\"https://img.js.design/assets/img/607ba7b8d253563f2be8d04d.png\" />\n          </div>\n          <div class=\"card flex align-center pc-phone\">\n            <img src=\"@/assets/img/api/pc-phone.png\" />\n          </div>\n          <div class=\"step flex justify-center align-center\">\n            <img src=\"https://img.js.design/assets/img/607ba7b8d253563f2be8d04d.png\" />\n          </div>\n          <div class=\"card\">\n            <img src=\"@/assets/img/api/money.png\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 产品优势 -->\n    <div class=\"product-advantages\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"three-leave-title\">产品优势</h2>\n      </div>\n      <div class=\"card\">\n        <div class=\"container mx-auto one-card flex align-center\">\n          <div class=\"left\">\n            <img src=\"@/assets/img/api/api-recharge.png\" />\n          </div>\n          <div class=\"right flex flex-col justify-center\">\n            <div class=\"info-box\">\n              <h1 class=\"title\">高效稳定低延迟的技术方案</h1>\n              <p class=\"desc\">\n                100+专业技术团队打造，稳定高效，畅享低延迟高稳定解决方案，立志于为企业带来变革级全新体验，支持各种技术方案、多维度全链路场景，为企业降本增效。\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"two-card\">\n          <div class=\"container mx-auto flex align-center\">\n            <div class=\"left flex flex-col justify-center\">\n              <div class=\"info-box\">\n                <h1 class=\"title\">货源丰富，涵盖全品类</h1>\n                <p class=\"desc\">\n                  1000+数字权益商品，全品类覆盖，可满足不同行业、场景需求。整合优质供应资源、品牌源头商品，全网价格最优。100%品牌产品，100%正品保障，十大品类，涵盖国内外知名品牌10W+SKU，保障每一款商品品质和优质服务。\n                </p>\n              </div>\n            </div>\n            <div class=\"right\">\n              <img src=\"@/assets/img/api/api-equarity.png\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"container mx-auto one-card flex align-center\">\n          <div class=\"left\">\n            <img src=\"@/assets/img/api/api-money.png\" />\n          </div>\n          <div class=\"right flex flex-col justify-center\">\n            <div class=\"info-box\">\n              <h1 class=\"title\">降本增效，助力企业业务快速增长</h1>\n              <p class=\"desc\">\n                提供全面丰富的管理能力，订单管理、财务管理让订单、往来账一目了然，减轻财务压力，降低企业管理成本；丰富多样的商品牢牢锁定用户，不断为用户带来全新体验，有效提升用户忠诚度，促进企业业务快速增长，为企业增收盈利。\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// components\n\nexport default {\n  data() {\n    return {\n      columnList: [{}, {}, {}, {}]\n    };\n  },\n  mounted() {\n    new this.$wow.WOW().init({\n      //新建实列\n      boxClass: 'wow', //class名字\n      animateClass: 'animate__animated', //animateclass动画库类名,和当前animate动画库决定\n      offset: 100, //到元素距离触发动画（当默认为0）\n      mobile: true, //在移动设备上触发动画（默认为true）\n      live: true //对异步加载的内容进行操作（默认为true）\n    });\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.api-card {\n  margin-bottom: 100px;\n  .header-banner {\n    height: 483px;\n    width: 100%;\n    background-image: url('../../assets/img/api/api-logo.png');\n    // background-size: 100% 100%;\n    background-position: center;\n    background-size: center center;\n    .title-box {\n      padding-top: 99px;\n      .banner-one-title,\n      .banner-two-title {\n        margin-left: 45px;\n      }\n      .banner-two-title {\n        margin: 10px 45px;\n      }\n      .banner-two {\n        margin: 20px 45px 0 45px;\n        .btn {\n          padding: 0 10px;\n          height: 34px;\n          border: 1px solid @lupay-text-color-theme;\n          border-radius: 17px;\n          margin-right: 10px;\n          color: @lupay-text-color-theme;\n        }\n      }\n      .btn-line {\n        margin-top: 80px;\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  &-service {\n    margin-top: 77px;\n    .three-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n      //   font-weight: 400;\n    }\n    .content {\n      margin-top: 47px;\n      .card {\n        width: 384px;\n        height: 384px;\n        background: rgba(224, 240, 255, 0.2);\n        border-radius: 12px;\n        .box {\n          width: 111px;\n          height: 111px;\n          border-radius: 50%;\n        }\n        .title {\n          color: rgba(0, 0, 0, 0.8);\n          font-size: 16px;\n          margin-top: 43px;\n          margin-bottom: 17px;\n        }\n        .desc {\n          width: 237px;\n          height: 38px;\n          color: rgba(0, 0, 0, 0.6);\n          font-size: 14px;\n          line-height: 22px;\n        }\n      }\n      .card:hover {\n        background: rgba(255, 255, 255, 1);\n        box-shadow: 0px 3px 10px rgba(34, 78, 219, 0.1);\n      }\n    }\n  }\n  &-uses {\n    height: 637px;\n    width: 100%;\n    background: rgba(224, 240, 255, 0.2);\n    margin-top: 80px;\n    padding-top: 45px;\n    .three-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n    }\n    .desc {\n      margin: 43px 0 0 49px;\n      height: 21px;\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 14px;\n    }\n    .content {\n      margin-top: 128px;\n      .card {\n        width: 248px;\n        height: 248px;\n      }\n      .step {\n        img {\n          width: 85px;\n          height: 85px;\n        }\n      }\n    }\n  }\n  .product-advantages {\n    padding-top: 77px;\n    .three-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n    }\n    .card {\n      .one-card {\n        height: 622px;\n        .left {\n          width: 55%;\n        }\n      }\n      .title {\n        color: @lupay-text-color-theme;\n        font-size: 22px;\n        position: relative;\n      }\n      .title::before {\n        content: '';\n        position: absolute;\n        display: block;\n        width: 10px;\n        height: 10px;\n        background: rgba(61, 238, 228, 1);\n        left: -15px;\n        top: 14px;\n        border-radius: 50%;\n      }\n      .desc {\n        color: rgba(0, 0, 0, 0.8);\n        font-size: 14px;\n        margin-top: 10px;\n        max-width: 500px;\n      }\n      .two-card {\n        height: 540px;\n        background: rgba(224, 240, 255, 0.2);\n        .left {\n          width: 50%;\n          height: 100%;\n        }\n        .right {\n          padding-top: 80px;\n        }\n      }\n      .info-box {\n        margin-bottom: 70px;\n      }\n    }\n  }\n  .fore-card {\n    margin-top: 40px;\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!./apiRecharge.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!./apiRecharge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./apiRecharge.vue?vue&type=template&id=04ffbdb9&scoped=true&\"\nimport script from \"./apiRecharge.vue?vue&type=script&lang=js&\"\nexport * from \"./apiRecharge.vue?vue&type=script&lang=js&\"\nimport style0 from \"./apiRecharge.vue?vue&type=style&index=0&id=04ffbdb9&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  \"04ffbdb9\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}