| 1 |
- {"version":3,"sources":["webpack:///./src/views/product/product-pay.vue?fce7","webpack:///./src/assets sync ^\\.\\/radio_.*\\.png$","webpack:///./src/assets/pay_zfb.png","webpack:///./src/assets/radio_1.png","webpack:///./src/assets/pay_wx.png","webpack:///./src/views/product/product-pay.vue","webpack:///src/views/product/product-pay.vue","webpack:///./src/views/product/product-pay.vue?7271","webpack:///./src/views/product/product-pay.vue?9aff","webpack:///./src/assets/return.png","webpack:///./src/assets/radio_0.png"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","on","$event","$router","back","_v","_s","price","payment","submit","model","value","show","callback","$$v","expression","confirm_promise","staticRenderFns","data","order_id","isWeChat","loading","created","beforeRouteLeave","res","methods","OrderService","pay_type","div","document","location","encodeURIComponent","timestamp","nonceStr","package","signType","paySign","success","console","setTimeout","fail","handleConfirm","component"],"mappings":"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","file":"js/chunk-0d36f446.4c16d4f6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-pay.vue?vue&type=style&index=0&id=3d6727ee&prod&lang=scss&scoped=true&\"","var map = {\n\t\"./radio_0.png\": \"f8ff\",\n\t\"./radio_1.png\": \"b04e\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"31e3\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAABNpJREFUWEftmX9MVlUYx7/n3vv+kECFBgmoL0s0gciBImUWUzJMqrU1NFvT1ljLRb8GrjKH0T/MlYumq+ks2myRS2NroZYjStJoyRo/DUcTSXBFugDl/XnuaefC230vcLn3UqDvxvvffe85z/mc536f5zk/CEb9sl71pgmUFoKRdSBYCLCo0W2m9pkMgqEbhJ2URfHgz7sdbaHjkeBDagGzz3a59zCGbSAQpxbKpHUGSgg+GLg4q7j9c+LjvRRgDhuZ5DlGGMs1aWpamzFCaq91OTdwaAX47pKhvQwomlYKi4MRYF/DOxEvEEWzAdp008hAbyIMVJbEZSS7ZOhdAC9bnPCNal5BsovdrSAs7UYRWBqXkTaSXeIemP7UZQkzpDEZ5JJgk+0e2i91AcFHLzo1pu57zQ0//T+sqzZmgEP9OeNhXunMajh/hYjkeEFXkLdGAQ9mSJr3h38IQJYn1nDN2QA6L5sPI9PAT+dKWJakDxzpBNKTtEuQhg4KZsBSWetHc9cUABvF+kyW0PGQaUnw/vHRBEsS/l2RakwuiCUoyrdr/ttxyAuqk4eveYDG3wwEPg60JeBHskQUP2YzUse47+02QCDqZL/5JYDST/2WbVkCtmx9pIPTDhwrdSLCoQKXfebD8UbrZXBagFPmE1S+pJZtP2XIL/NgwG3dBdMC/GyehGceUKVU30ax/WNlx2P5Zxo4OZ5gdaqIpDiC6EgCKgP91xl6rzJ0XpbR2i2jr3/s+KIAVL/uQNxcNYdvr/Sivt16wHHrhsAxkcDOTXasWmq8L+3uk/HjrxR1rRRNF5hSNNZninhzs5o9eq7IKNjthWy+Vmi8MCFwYgzB+9vsuG2uALePobNXxl8DDG4f4LABsXMIkuIEzI4Ym+r+7JdxopEi504RrjjVu29X+3D0jPVgC1LrAnOgQ684wPPle1/60NrNN1XjS+72eQT33CEgL0PCkkT98s0n8Xi59z+tkXWB+dphw3IRWyq88FiIj3SXgCdzROSkiRAErecZY+jokVHbRPFtM0XPVcsxp6/hqhIHjp4J4MgkP9+uJ2x4aLl29RaKF4Sva5FR10LR3WdO1Loeri93oqTSh5/OW4/mR1eK2FGgLdNGvrzwh4xTbRSnz1FFfnrLUl3g47uc2FfjR81ZawGSlyGidJMNoqjKYe9XPkVWT62REB+tr/HgpAbdDM1dMtp/l/HhyYC5LFG+xYaoWQRF+80JmOfbwnUStuZKmjXD/hN+VNYODyqJAN8IbF0rISHGGJxnpjVveMwBp7sIDjzvQNWpAA58HYBHZ53C/bgqRcBz621YnKBCUJlhT7UfXzSM/UJ8cjw/c/CFsfrgloD5tHZutOHhLAkDQ0wpCOcu8WrGQAjBnFuAlPkCViQLmDfqM1+6IqOsyoeWixMHEk8ia+8aBg+dbNClloHtElBRaEfmIuMqxwf5+zrDJ9/5ceQ01f0iesF3b4oAnkrTXepYloG5cQ69+X5uSIArjiAhhkAcya9eP1PS0fleGd+3UjR0yPBpY8QoOYx5n7lIUDy+crGgTNq0hvVG4qyiOHywzE91jDaZlolHOixNJNi4WsJbh7XBY7j4meyAU9UvDA8Dw++4NcwOtMPuyoAHR1hdynDgsLv2CkKHzcViaM682a9u/wEp0j7do7dKkAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA3BJREFUWEfFl01oVFcUx///N2M+mjeWFoUWCiJEkpnprqFVIQoWpNQiSFMoLkTnvVApVeiidOOyq6xaFMXkvXQngi6atiLtotqkYrB+bMwdRUF0YxFBdCZfZnKPvEmfzkzezLuZCPNWw9zz8bvnnnPuuUSLP7bYP1YAIEw7xX7L4i7RsgXgJgBv/b+BJ4DcocXLWsu5vG9PABSTzRkBZN3CgBb8QKDHxKgAty3iyJSXOhsn3xCgx53dmJCFUwA3xxmKXpfJRa7Ze9vrvFdPvy5A7+DsdurSWQLrmnO+pCXAY7GSA7dGOv+OshMJEDi39OKfgLStxvkrXT7XVmJnFMQygCDslpSurGbnAixatH4V0XtCiCASmskPa49jGUDGeXa5+TMvuysBib2U0ryQY9URlEnlr91S+V8VQJDtIjizurAnDin/jWOZXHE/KD/X2iLxRWV1VACU6zxvWmp1Esqb8lODwVrGLRyG4KdauaBE876dDvvES4C0M7uNKEVmqllEeB/tXe+r4yyWAXKFgyBOROkKsD3vp8aDtZcAGffZEITfmTmLkBL9qRp983y40psrfG4RkY2IFoemRuzvawAK4xD0NwVA/qE8+5NK3W535r020Q8AWV7qxITyUtuqAZziQ0DeWTkANcA+5XfdCHW7DxTWtyVwGoId0fb4n/Ltd2sB5gBpjwUgxiD4GIC9JMvflG/vrnbOcYj01rfFeeXbHSsEYEmAI3m/ayjrzJwU6HK2Q5L9arTzn+Bn9yFpb5+d+UtEb228kWiA+kcgeMRk8sup4c4LgeGe3HRfgvpfCK6r0dQHobOMM30U0N/ERhFRR+A2SELBYTWaOlppOO0UrxIyovzUyeD/bG56t1B+iUy65UQTyq9NwpgyJOF1WPbX14a5UHboFvd1WF1j14b5NOs8fVtg3QRQTqy4L7IMjRoRMabu2gO4yFKlk6xb9ETEiXMcrkc2oiB0Rq2YGFZe6qvQWNqd2UxZvATAMgGo24qXwmp2GQn5bd6zfwx00m7hEgUxWf8KrcFltCRkdh1znoKPkOAG0brmym0Uh5jruFxi5gPJTYHMEewzDL3ZQBIYa+lIFu6mpUNpCNHSsby6zlv0MKlOrqBPzPWTC5+Vh1apeZpR7gAyKbLm97zf8XqfZiZZ3qyM0duwWeMmei8AhkKIMAcjtjkAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAABIRJREFUWEftmX9MlHUcx9/fOzgO6O7kgCOocCKXeMdgjUzQdIpF6KxmNhepmYNIFphaq5Vbc61oDZ20clDDcA6mEj9WEHUzaqAiQbZw/JKfcah0p3gcCHjI3bc9t3mD49Dvcxzirb7/Pc/z/rzfr+f7fJ/vvs/zJbBrz/2wTC0QCFIoxbMACQUgsdfM8fEwQLWE4LTFYsnTvNDQPDmP3DlQFalEC32khyhFGgDhHEOx2psJQU7v6NA7LVtaxrkiKzAHG+ojrQTFOlan+6yr0o4NbeCgrcDrK2K/pBTp9xmCVxwh+OqnjXUZhBuzhAgbH6BhMNONmCk1R5P1FcsPU0r28LrdeRITQrNJYvnyJoCo54mBZyxtJonlsUPzMHXxBLXJhzlg6mz1fNT9N4Efl6nwpCIWUf4xUHgHwc9LDgERYvi2EX03e9F84yLqdDXoNF6a9UOZVQ8/pViJJOXriPCLZALpGGxDQXse6vXnmPSORE4B+3j44q3IdxH/aKJTwbX/VCO78TPrE+DbeANLPKX4PO4IFknD+WZN0V8duYwP63ZDN9bPy4cXsKfAE1lxOVjiN/tp22Q2oeBSHoq7C+YOeKsyGduWpPAKsBcbTYOo6C1B+d/FMI4PIkyqRPdQB7Mncw/LvQKQH18CkVDEbD5ZyA2B0u4TON33I8YtJgSKg5C8NB2rQ9Zh37lUtA02MfkyA78UloQ3VLunmA6aDJCKZBAQwYxhrYYmlHQVgnvRKChEAhFeXrwNW8K3w0sottZ931OE3ObDrgU+uOJrqOVRU0xLu06gXl+L9544ALnY33bNQi34XXcWxV2FaDFctJ2PC1qNVPXbeNgnZIpPl7Ed6Wd2uBa4KEEDiUg6xdRguoEdVZvg6+GLXeq9UMmj0KCvRWn3SVwZ0dq0j/iGIk29FzGKWIdQo7dHsFnzjGuBKzachVAw/cspuzETmr5yh2FioTeSlDuxKewVcDPMTG3CMoHnK1e5Frgo4WdIRLJppr3DPdhV/eq082tCEpCsSkeAOPCeINfH9Nhe9eI9dZyA+aXListFpH+0Q9OP6vehQX/eek0pi8Cb6j1Qyx1rHRmcuforMv/c71rgpPCdeC0i1aFpp7Ed33Uex8rgtVgVHA9CbB/jTBAfN7yP87oaJi1zDweIFciPL4bHXcYiU6Kd6PJNLdKqt2KCTjCVMwNzbilLM7B58fTxypTkQEQpxQd1GWgcuMBswQtYJPDCwRW5UC6IYA64m/BYWw5OdR7n5cULmHNeIPLDp7FfWNcAzjauZwvbj6Kw4yhvC97AXAI3vx5YloXogBjegYZbAzjU+AkuXKvjXctrWrN33x+TiaeD1zKHXhvToaz7FCq1ZTCZbzHX2Qud6mHO5Js1J/HYQwvx2xUN8ltzrOsDbu4N9FZA4imzLnQMpgHoRvvx1/U/0DPc6TTk5EKngY/Fl+Hb1iOo6f/FJSCsJk4Dswa4Wvc/sKt71GUv3VyDzeTvjj8D3ex3q9v90Ha7LQNucLvVpgwH7HbbXneg3WZjcfKc96Bv3f4LCQPPQkBBTnsAAAAASUVORK5CYII=\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"header-wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"@/assets/return.png\"),\"alt\":\"\"},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('p',{staticClass:\"header-title\"},[_vm._v(\"立即支付\")])])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"tips\"},[_vm._v(\"实付金额\")]),_c('div',{staticClass:\"price\"},[_vm._v(\"\\n ¥\"),_c('span',[_vm._v(_vm._s(_vm.price))])]),_c('div',{staticClass:\"payment\"},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.payment = 2}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/pay_zfb.png\")}}),_c('div',{staticClass:\"label\"},[_vm._v(\"支付宝\")]),_c('img',{staticClass:\"radio\",attrs:{\"src\":require(`@/assets/radio_${_vm.payment == 2 ? 1 : 0}.png`)}})]),_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.payment = 1}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/pay_wx.png\")}}),_c('div',{staticClass:\"label\"},[_vm._v(\"微信\")]),_c('img',{staticClass:\"radio\",attrs:{\"src\":require(`@/assets/radio_${_vm.payment == 1 ? 1 : 0}.png`),\"alt\":\"\"}})])])]),_c('div',{staticClass:\"confirm\",on:{\"click\":_vm.submit}},[_vm._v(\"确认支付\")]),_c('van-popup',{attrs:{\"round\":\"\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('div',{staticClass:\"window\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"确定离开吗?\")]),_c('div',{staticClass:\"btn-box\"},[_c('div',{staticClass:\"btn cancel\",on:{\"click\":function($event){return _vm.confirm_promise(false)}}},[_vm._v(\"继续支付\")]),_c('div',{staticClass:\"btn confirm\",on:{\"click\":function($event){return _vm.confirm_promise(true)}}},[_vm._v(\"确认离开\")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"wrap\">\r\n <div class=\"header-wrap\">\r\n <div class=\"header\">\r\n <img\r\n src=\"@/assets/return.png\"\r\n class=\"return-img\"\r\n @click=\"$router.back()\"\r\n alt=\"\"\r\n />\r\n <p class=\"header-title\">立即支付</p>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"tips\">实付金额</div>\r\n <div class=\"price\">\r\n ¥<span>{{ price }}</span>\r\n </div>\r\n <div class=\"payment\">\r\n <div class=\"item\" @click=\"payment = 2\">\r\n <img class=\"icon\" src=\"@/assets/pay_zfb.png\" />\r\n <div class=\"label\">支付宝</div>\r\n <img\r\n class=\"radio\"\r\n :src=\"require(`@/assets/radio_${payment == 2 ? 1 : 0}.png`)\"\r\n />\r\n </div>\r\n <div class=\"item\" @click=\"payment = 1\">\r\n <img class=\"icon\" src=\"@/assets/pay_wx.png\" />\r\n <div class=\"label\">微信</div>\r\n <img\r\n class=\"radio\"\r\n :src=\"require(`@/assets/radio_${payment == 1 ? 1 : 0}.png`)\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"confirm\" @click=\"submit\">确认支付</div>\r\n\r\n <van-popup v-model=\"show\" round>\r\n <div class=\"window\">\r\n <div class=\"title\">确定离开吗?</div>\r\n <div class=\"btn-box\">\r\n <div class=\"btn cancel\" @click=\"confirm_promise(false)\">继续支付</div>\r\n <div class=\"btn confirm\" @click=\"confirm_promise(true)\">确认离开</div>\r\n </div>\r\n </div>\r\n </van-popup>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { OrderService } from \"@/common/service\";\r\nimport { isWeChatOpen } from \"@/common/util\";\r\nexport default {\r\n data() {\r\n const isWeChat = isWeChatOpen();\r\n return {\r\n order_id: \"\",\r\n price: \"\",\r\n payment: 2, // 支付方式 2支付宝 1微信 5微信公众号\r\n isWeChat,\r\n loading: false,\r\n show: false,\r\n confirm_promise: null,\r\n };\r\n },\r\n created() {\r\n const { query } = this.$route;\r\n this.order_id = query.order_id;\r\n this.price = query.price;\r\n this.payment = query.payment;\r\n },\r\n beforeRouteLeave(to, from, next) {\r\n this.handleConfirm().then((res) => {\r\n res ? next() : (this.show = false);\r\n });\r\n },\r\n methods: {\r\n submit() {\r\n if (this.loading) return;\r\n this.loading = true;\r\n OrderService.payOrder({\r\n order_id: this.order_id,\r\n pay_type: this.payment == 1 && this.isWeChat ? 5 : this.payment,\r\n }).then(({ data }) => {\r\n if (this.payment === 2) {\r\n const div = document.createElement(\"div\"); // 创建div\r\n div.innerHTML = data.ali_url; // 将返回的form 放入div\r\n document.body.appendChild(div);\r\n div.children.alipaysubmit.submit();\r\n } else if (this.payment == 1 && !this.isWeChat) {\r\n const redirect_url = location.href.split(\"/#\")[0] + `/#/my`;\r\n location.href =\r\n data.config.mweb_url +\r\n \"&redirect_url=\" +\r\n encodeURIComponent(redirect_url);\r\n return;\r\n } else if (this.isWeChat) {\r\n this.$wx.chooseWXPay({\r\n // 支付签名时间戳，注意微信 jssdk 中的所有使用 timestamp 字段均为小写。但最新版的支付后台生成签名使用的 timeStamp 字段名需大写其中的 S 字符\r\n timestamp: data.config.timeStamp,\r\n // 支付签名随机串，不长于 32 位\r\n nonceStr: data.config.nonceStr,\r\n // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\\*\\*\\*）\r\n package: data.config.package,\r\n // 微信支付V3的传入 RSA ,微信支付V2的传入格式与V2统一下单的签名格式保持一致\r\n signType: data.config.signType,\r\n // 支付签名\r\n paySign: data.config.paySign,\r\n success: (res) => {\r\n console.log(\"--------------支付结果start--------------\");\r\n console.log(res);\r\n console.log(\"--------------支付结果end--------------\");\r\n this.$toast(\"支付成功！\");\r\n setTimeout(() => {\r\n // this.$router.push(\"activity_pay_success\");\r\n this.loading = true;\r\n }, 1000);\r\n },\r\n fail: (err) => {\r\n console.log(\"--------------支付失败start--------------\");\r\n console.log(err);\r\n console.log(\"--------------支付失败end--------------\");\r\n },\r\n });\r\n }\r\n });\r\n },\r\n handleConfirm() {\r\n this.show = true;\r\n return new Promise((response) => {\r\n this.confirm_promise = response;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrap {\r\n width: 100%;\r\n height: 100vh;\r\n padding: 42px 0;\r\n padding-bottom: 100px;\r\n box-sizing: border-box;\r\n .header-wrap {\r\n width: 100%;\r\n height: 42px;\r\n display: flex;\r\n flex-direction: column;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 500;\r\n background-color: #ffffff;\r\n .header {\r\n width: 100%;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #ffffff;\r\n z-index: 999;\r\n position: relative;\r\n box-sizing: border-box;\r\n .return-img {\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n width: 20px;\r\n z-index: 99999;\r\n }\r\n .header-title {\r\n width: 100%;\r\n text-align: center;\r\n color: #333333;\r\n font-size: 18px;\r\n font-weight: bold;\r\n position: relative;\r\n }\r\n .header-btn {\r\n color: #222222;\r\n font-size: 14px;\r\n position: absolute;\r\n padding: 0 12px;\r\n right: 0;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n }\r\n }\r\n }\r\n .content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 40px;\r\n .tips {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #333333;\r\n }\r\n .price {\r\n margin-top: 15px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #333333;\r\n line-height: 20px;\r\n span {\r\n font-size: 30px;\r\n font-weight: 500;\r\n }\r\n }\r\n .payment {\r\n width: calc(100% - 30px);\r\n padding: 15px 10px;\r\n box-sizing: border-box;\r\n background: #f4f4f4;\r\n border-radius: 12px;\r\n margin-top: 40px;\r\n .item {\r\n display: flex;\r\n align-items: center;\r\n .icon {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n .label {\r\n width: calc(100% - 58px);\r\n margin-left: 15px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #222222;\r\n }\r\n .radio {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n .item:nth-child(1) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n }\r\n > .confirm {\r\n width: calc(100% - 30px);\r\n height: 50px;\r\n background: #2a63f3;\r\n border-radius: 24px;\r\n position: fixed;\r\n bottom: 20px;\r\n left: 15px;\r\n right: 15px;\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 50px;\r\n text-align: center;\r\n }\r\n}\r\n.window {\r\n width: 285px;\r\n height: 180px;\r\n background: #ffffff;\r\n border-radius: 10px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n .title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #222222;\r\n }\r\n .btn-box {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n margin-top: 30px;\r\n .btn {\r\n width: 110px;\r\n height: 40px;\r\n box-sizing: border-box;\r\n font-size: 16px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 40px;\r\n border-radius: 19px;\r\n }\r\n .confirm {\r\n background: #2a63f3;\r\n color: #ffffff;\r\n }\r\n .cancel {\r\n color: #506dff;\r\n border: 1px solid #506dff;\r\n margin-right: 20px;\r\n }\r\n }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-pay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product-pay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product-pay.vue?vue&type=template&id=3d6727ee&scoped=true&\"\nimport script from \"./product-pay.vue?vue&type=script&lang=js&\"\nexport * from \"./product-pay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product-pay.vue?vue&type=style&index=0&id=3d6727ee&prod&lang=scss&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 \"3d6727ee\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAm5JREFUWEft2MnLTlEYAPDfZx4yK8WCWLBgwQIbSobIkMiwYiMbJX+JWLFRSmJBUoYyLCjDQoREQgghikQiQ4/OW8eXvPfe976fV31ne8+9z+8+59xzn3O6dHjr6nCfXmCrI9RTGeyH2XiEl2XQPQEci5MJ+AlLcKkost3AcTiH6RloN3Z0AnACzmNqhvmBFTj1r4ETE25KBvmObdhbFBf92jHEgYrMBbLRvmEL9pfBtQM4LeHGZ5Cv2ITDZXF1A2fgLOLDaLQv2IhjVXB1AmfhDMZkkM9YW+aD+NNL1DEH5+I0RmYBPmJ1WmKqJu/Xfa0C5+MEhmWKD2kpudiSLN3cCnARjmNIBnmHZbhaB66VDC7HEQzKIG/Tb+x6XbiqwDU4hAEZ5BUW43aduCrA9TiIqE4a7TliuO/VjSsLjA8hSqV8zj3BQjxsB64scDRiKPPs3UzZe9MJwDBEmbSz2/J0JyFLFaJFX6jKMrMdu7oh76ehflY0cNF+VYDx7K3Ygz5ZoCjnYz4+Lhq8SL+qwHj2ZuxD3yzQ04R8UCR4kT6tAOP5G3AA/bNgL9KcvFsE0KxPq8B4fhQFUesNzIK9Tgv3rWaAZtfrAEaM+P8exeAsYPz6luJaM8TfrtcFjBjxgUTxMDQL+D7hr1RF1gkMw7xUfg3PQFF+rcSFKsi6gWGYkwrYURkoNuwxV2NLUKq1AxiAmWkLEKcKjRZbgHUpw4WR7QIGIE4T4lSh+yZqAS4XFbYTGIY4VYg9cpwyNFrHHH00QJMTchLidGFVOkwqlMR2Z7CBGIHYJsTf5UYhWerUU8Aypt/69gIrp+5/GeKfiUBcKeCBb1YAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjdJREFUWEfNlz1oFEEUx/8zu0gKEY6rUlqI2ImFKJIottoppwbbu9kXwTaFH4UfxVkK5u3ctRL10E5bUYNELMROxMIy1XGgFkHuZmTCXths7twdExinnTfv/d7M+5gnEHiJwPbhAyDSNJ0TQpwzxpwEcAhALXNgAOCblHLNWvsqSZJVALaKc5UA0jS9aK29B2ADwAsAq1LKr7Vare+MDAaDujHmMIA5ABcAzAghbiZJ8rwM4q8A3W734HA4XAEQA1giotdlCt0+M58F0AYwjON4odlsfp92bipAp9M5PRqNnkgp7yullqteac6Q0FovGmNuRFF0pdVqvZ0EMREgM/4MwGUielPF62kyzHwGwNMoii5NgtgBkF37ewALuzU+hsogVuI4PlV8jh0AzLwmpXyslHq0G8+LZ7XW14wxV4nIZdDW2gaQRbsLtuP/8OZlvIKZPwoh2vnsyAM4gS8AFqtGe5nF4n6WHctEdGTs4BZAmqbz1tqHRHTUV7GPPDN/FkJcT5LknTuXB3hgrf1JRHd9FPrKMvMtKeV+pdTSNgBmdkS39yryS9LyDhHNFwHWpZTHlFLrvl75yGutZ40xn4hotgiwUa/XDzQajd8+Cn1le73evn6//4OIZv47gOBPEDYItdZtY8yvYGkYvBC5ohS0FLuUCN2MNlM6aDt2AME/JA4i6JdsXFqDfkrHEEG/5fkmE2wwKXS6zdEMwHlr7YlJo5kQ4gOAl3s+mvm2XB/5SrOhj0Jf2T/v4mswSYQZqgAAAABJRU5ErkJggg==\""],"sourceRoot":""}
|
