|
@@ -1,6 +1,6 @@
|
1
|
|
-import { _ as _defineProperty, s as styleInject, b as _inherits, d as _createClass, e as _classCallCheck, f as _possibleConstructorReturn, h as _getPrototypeOf, i as _objectSpread2, j as _slicedToArray } from './style-inject.es-b888177c.js';
|
2
|
|
-import React, { Component, PureComponent, useState } from 'react';
|
3
|
|
-import { c as classnames } from './index-29b5a955.js';
|
|
1
|
+import { _ as _defineProperty, s as styleInject, a as _inherits, b as _createClass, d as _classCallCheck, e as _possibleConstructorReturn, f as _getPrototypeOf, g as _extends, h as _objectSpread2, i as _slicedToArray } from './style-inject.es-610f1f83.js';
|
|
2
|
+import React, { Component, useState } from 'react';
|
|
3
|
+import { c as classnames } from './index-b92ec402.js';
|
4
|
4
|
|
5
|
5
|
var IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';
|
6
|
6
|
var IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';
|
|
@@ -45,8 +45,8 @@ function exportStyleSizeClass(styles, size) {
|
45
|
45
|
|
46
|
46
|
const img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABvklEQVQ4T62UTygEcRTHv29MIsqfk6OL5CYH5aKd9WfjwqxEnBzExYWTCEWJJGove5H8OTA1uwdCrOWAi83ZwUXJiSj5u+Z5s0msmd2SX81h+r33ee/7fW+G8E+H/srhqEcFCjphve1RzcaVK4j3mmoB5YxqQzdOxTji1wE2QZglb2jAEcT7/g4wr0rQugS1OYJ26nOg5nYDr4ZrR7yrl0FBAKBlqjEX3eRLwSXAmidvOJbSI47oF9LVKaCOkNc4/w7kSPOoFBqDwjpp4XA60LUkF8nzbsuERQt4ejtGdsYwiAYTYIV6STOD6UB3EpqXJC0u7zKxz0Mk3Zrj7lOLerJg5T9K+2lWhALiYx8xS9NbDZnUuPXy0wN/hYw3lnbPiNfE7HaSfTAloRqKWkya8WAnMrdmIBqfBqM/BehJAo+gKHMibdMGzUhqKUiZAHGVXJYLwPdpshPnRDRM4fl5+7uKL/0c1WXdOSie5Dh3wZcyoR7SQttO9z+M5MOWEsStFQmsTAoOwVK7qM64d5P6ayKJj9EqHBa5Q4kx2/ujqR1Exnsq493HH2muFN98oNtJ0g7s3Ul5/vwbSab+G+gDqFybE11pYkYAAAAASUVORK5CYII=';
|
47
|
47
|
|
48
|
|
-var css = ".ConsumeListView_wrapper__la1cB {\n display: flex;\n justify-content: center;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b {\n padding: 0;\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n padding-top: 10px;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b li {\n list-style: none;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b .ConsumeListView_consumeItem__2M0dc {\n margin: 0 6px 10px;\n text-align: center;\n position: relative;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b .ConsumeListView_consumeItem__2M0dc .ConsumeListView_kingdomIcon__YPzT9 {\n position: absolute;\n width: 24px;\n height: 22px;\n left: -6px;\n top: -12px;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b .ConsumeListView_consumeItem__2M0dc .ConsumeListView_avatar__AXZJE {\n margin: 0 auto 4px;\n width: 36px;\n height: 36px;\n background-size: cover;\n border-radius: 50%;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b .ConsumeListView_consumeItem__2M0dc .ConsumeListView_gray__3h-Ue {\n color: #9b9b9b;\n font-size: 12px;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b .ConsumeListView_toggle__31sUD {\n margin: 0 6px 10px;\n width: 36px;\n height: 36px;\n line-height: 36px;\n background-color: #ececec;\n border-radius: 50%;\n color: #a8adb6;\n cursor: pointer;\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACv0lEQVRIS8WXTW8SURSGzzAYNSYCA7SCUEqBioLtohvjD9CN7ozG36AmXfsRafxYN9b+BqNx50r3GjddqEVRRgSRVr4GWmOsERjfOwEzVYa5lAokEwJzznnOe865d+4IxPFRVXVPrVY73Wq1TgmCMIffYbjZ2q4b+E/GfysWi+WZw+F4it+/zMIKvQwAszcajXnYXEIwl1kwdh8JVPC1bLVaF5FE3cjHEFytVs8hyH04jvMAu9gUkexlp9P5uJv/P2DABCi9hbJehUPPinAkpKL8d6H8BpJQ9fbbAjOooigP8H2BIyi3CaAPJUm6qIdvAwN6G0qvcUfswxDK7wB+vePyB9zu6aNdKK9ROioUn+/0XAOz6W02m6kBBolXe1EUxSibdg0MtQn09Sav9yB2UL0A1QmBbQ6VSmWNd50OAu2sc5fL5WVTfAYD9WTQgP34Y9DOClB7D05X+nHcBdslAf19jnKfNAr2cmWVDuzfR7HoFCFTUyaqR8lUhr7/2KITc/Gu9mjrC6a4iLtjRhHfvv9Ea1/L5JLsNBML94Qz6OukTBWlTt5Dbjp2JGgUtsTAW7i713DxqSql0jkqrJfIKdloNhbpCmfQV8k0VZUNOuwZo2gkQFBmFPanKVibRFxpOUefC0VyOmw0E4+QqCt7s8mgH0ipbdKEb5wiIUB7N0UD9yy13l/O5CmbXyfJfpBm49MkihbSoKuA1jdpcsJD4aDfdA5gUDIdrr+jZLIFyuQK5AD8+NEQvXknU63+jUKTPgoGvDxQ1gJtuPpeTkw1U8+mnPU2MuWngN/DBW0bLe14A8mj3x+zX7TS+ryGi6JrMtoGMrItk6VULpcTqPtQHhIQuuB2uxOjfSwy1SM5CHQmYCRHn/azcjSHvQ586Mdb/aIb+oFeD2eHQOxM87j6eoXBBrGMa2evMPoE/sdL22+mI4T0ou1LqAAAAABJRU5ErkJggg==);\n background-position: center;\n}\n.ConsumeListView_wrapper__la1cB .ConsumeListView_consumelist__sAA2b .ConsumeListView_toggle__31sUD.ConsumeListView_expand__XSb0z {\n transform: rotate(180deg);\n}\n";
|
49
|
|
-var styles = {"wrapper":"ConsumeListView_wrapper__la1cB","consumelist":"ConsumeListView_consumelist__sAA2b","consumeItem":"ConsumeListView_consumeItem__2M0dc","kingdomIcon":"ConsumeListView_kingdomIcon__YPzT9","avatar":"ConsumeListView_avatar__AXZJE","gray":"ConsumeListView_gray__3h-Ue","toggle":"ConsumeListView_toggle__31sUD","expand":"ConsumeListView_expand__XSb0z"};
|
|
48
|
+var css = ".ConsumeListView_wrapper__2Tr0_ {\n display: flex;\n justify-content: center;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt {\n padding: 0;\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n padding-top: 10px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt li {\n list-style: none;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 {\n margin: 0 6px 10px;\n text-align: center;\n position: relative;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_kingdomIcon__3VUpq {\n position: absolute;\n width: 24px;\n height: 22px;\n left: -6px;\n top: -12px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_avatar__1t0io {\n margin: 0 auto 4px;\n width: 36px;\n height: 36px;\n background-size: cover;\n border-radius: 50%;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_gray__3eaP8 {\n color: #9b9b9b;\n font-size: 12px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_toggle__2GLGV {\n margin: 0 6px 10px;\n width: 36px;\n height: 36px;\n line-height: 36px;\n background-color: #ececec;\n border-radius: 50%;\n color: #a8adb6;\n cursor: pointer;\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACv0lEQVRIS8WXTW8SURSGzzAYNSYCA7SCUEqBioLtohvjD9CN7ozG36AmXfsRafxYN9b+BqNx50r3GjddqEVRRgSRVr4GWmOsERjfOwEzVYa5lAokEwJzznnOe865d+4IxPFRVXVPrVY73Wq1TgmCMIffYbjZ2q4b+E/GfysWi+WZw+F4it+/zMIKvQwAszcajXnYXEIwl1kwdh8JVPC1bLVaF5FE3cjHEFytVs8hyH04jvMAu9gUkexlp9P5uJv/P2DABCi9hbJehUPPinAkpKL8d6H8BpJQ9fbbAjOooigP8H2BIyi3CaAPJUm6qIdvAwN6G0qvcUfswxDK7wB+vePyB9zu6aNdKK9ROioUn+/0XAOz6W02m6kBBolXe1EUxSibdg0MtQn09Sav9yB2UL0A1QmBbQ6VSmWNd50OAu2sc5fL5WVTfAYD9WTQgP34Y9DOClB7D05X+nHcBdslAf19jnKfNAr2cmWVDuzfR7HoFCFTUyaqR8lUhr7/2KITc/Gu9mjrC6a4iLtjRhHfvv9Ea1/L5JLsNBML94Qz6OukTBWlTt5Dbjp2JGgUtsTAW7i713DxqSql0jkqrJfIKdloNhbpCmfQV8k0VZUNOuwZo2gkQFBmFPanKVibRFxpOUefC0VyOmw0E4+QqCt7s8mgH0ipbdKEb5wiIUB7N0UD9yy13l/O5CmbXyfJfpBm49MkihbSoKuA1jdpcsJD4aDfdA5gUDIdrr+jZLIFyuQK5AD8+NEQvXknU63+jUKTPgoGvDxQ1gJtuPpeTkw1U8+mnPU2MuWngN/DBW0bLe14A8mj3x+zX7TS+ryGi6JrMtoGMrItk6VULpcTqPtQHhIQuuB2uxOjfSwy1SM5CHQmYCRHn/azcjSHvQ586Mdb/aIb+oFeD2eHQOxM87j6eoXBBrGMa2evMPoE/sdL22+mI4T0ou1LqAAAAABJRU5ErkJggg==);\n background-position: center;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_toggle__2GLGV.ConsumeListView_expand__1D2BA {\n transform: rotate(180deg);\n}\n";
|
|
49
|
+var styles = {"wrapper":"ConsumeListView_wrapper__2Tr0_","consumelist":"ConsumeListView_consumelist__2yoWt","consumeItem":"ConsumeListView_consumeItem__2NKR7","kingdomIcon":"ConsumeListView_kingdomIcon__3VUpq","avatar":"ConsumeListView_avatar__1t0io","gray":"ConsumeListView_gray__3eaP8","toggle":"ConsumeListView_toggle__2GLGV","expand":"ConsumeListView_expand__1D2BA"};
|
50
|
50
|
styleInject(css);
|
51
|
51
|
|
52
|
52
|
var DEFAULT_AVATAR = '//links-comment.oss-cn-beijing.aliyuncs.com/comment/20180820/Kgka4_oU1.jpeg';
|
|
@@ -68,6 +68,7 @@ function (_Component) {
|
68
|
68
|
var _this$props = this.props,
|
69
|
69
|
dataSource = _this$props.dataSource,
|
70
|
70
|
isToggle = _this$props.isToggle,
|
|
71
|
+ onConsumeItemClick = _this$props.onConsumeItemClick,
|
71
|
72
|
showLength = _this$props.showLength,
|
72
|
73
|
listLength = _this$props.listLength,
|
73
|
74
|
options = _this$props.options;
|
|
@@ -107,6 +108,9 @@ function (_Component) {
|
107
|
108
|
}
|
108
|
109
|
}, kingdom, React.createElement("div", {
|
109
|
110
|
className: styles.avatar,
|
|
111
|
+ onClick: function onClick(e) {
|
|
112
|
+ return onConsumeItemClick(e, v);
|
|
113
|
+ },
|
110
|
114
|
style: {
|
111
|
115
|
backgroundImage: "url(".concat(addImageProcess(v.user_avatar || DEFAULT_AVATAR, {
|
112
|
116
|
small: true
|
|
@@ -173,6 +177,7 @@ function (_Component) {
|
173
|
177
|
_defineProperty(ConsumeListView, "defaultProps", {
|
174
|
178
|
isToggle: false,
|
175
|
179
|
onToggleChange: function onToggleChange() {},
|
|
180
|
+ onConsumeItemClick: function onConsumeItemClick() {},
|
176
|
181
|
dataSource: [],
|
177
|
182
|
listLength: 0,
|
178
|
183
|
showLength: 6,
|
|
@@ -197,8 +202,8 @@ const img$5 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA+CAMAAAChgZ0
|
197
|
202
|
|
198
|
203
|
const img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABGCAMAAACnmwfnAAAAb1BMVEVHcEwSOoYNeb4ROoUAnuMAneIAnuMROoUAneMSU5wUO4gROoUROoYROYUROYUAoOUAnuMSOoYRO4YAnuMROoUAoOUNUpwEh88Ja7QAnuQAnuQROYQAneIXLHAUM3sVL3USNn8NWqEIdLsRRYwEh8yuGf8EAAAAG3RSTlMAVQvuy+eo5PkXKW/Rr4goeETDiZ43us7AS166//BKAAAB4UlEQVRYw6WW25qCMAyEEVoOAitycBdboYrv/4yru4oS0pDK3P9f0gkZ4nmjNmWEK8vK+ivd+55dG7WkLE1scKQYqnF8q1gKNhi8V0ylCJxyYYXUrtlwsJ3BJRtW+QwO+LCCpRMHVtWfmn1X9LHZSN9fTjCYVr4GjlbAvloBz9bCdKiMMXPD4DJ3J7v6TiWk2SdSfVwldrMNDSutZfOCM37XN5211nE7wsoJvtxgLROL2T39ZP2n0LIWNDz8w3GCrwWj65sKNIMMp+ux79LFr/MTFmgGdazCWqIZ1LMKP2AXs40GsIPZ/fUFC2wtDGNM9zmHjmvxevA454hr9oTVLZZBNr/6y4TVO4e1UNcpK9AMwkcEyj6fvJxB/TBDH10jZvejOqOG81UjEmgGmUFz1KIZFLBYgWfQDwtu8Az65rAF/msOYgYbWu6gjPNg33IHHRh1fdsddGC/F8mgJbPDHXEHkWbLCTrPIDkj4rukFGHVwNMPrEUEySN14YO1KAFceZQi2uwdxfq02ZIsvKXNFiQMMshMzY5DEl4wuyDhnF6LloSzFWaDtTDA7NhzgN3MBobl0pIYtq8keZPv9HECNQA+usBHPGB5qgDsu8Chy1pAiemUxQrYzWyviN8l6I/T+wU2HDmgaaHs/gAAAABJRU5ErkJggg==';
|
199
|
204
|
|
200
|
|
-var css$1 = ".PayPlatformOptions_flexContainer__1-MCg {\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.PayPlatformOptions_label__1E4pz {\n font-size: 14px;\n font-weight: 400;\n color: #616A79;\n}\n.PayPlatformOptions_payment-method-box__Iiao- {\n padding: 20px 10px 10px 10px;\n text-align: center;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payment-method__3fVWP {\n display: inline-block;\n margin: 0;\n width: 60%;\n vertical-align: middle;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payment-method-before__2Lu24 {\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border: 1px solid transparent;\n height: 66px;\n line-height: 66px;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS .PayPlatformOptions_platformName__2VrlA {\n text-align: center;\n white-space: nowrap;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_small__kkYKV {\n width: 88px;\n height: 36px;\n line-height: 36px;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_small__kkYKV .PayPlatformOptions_payment-method__3fVWP {\n margin: 0;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_normal__1LPcR {\n width: 132px;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_large__3Tz_u {\n width: 162px;\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_active__3uZ7L {\n border-radius: 5px;\n border-color: #1790FF;\n box-shadow: 0px 2px 6px 0px rgba(163, 163, 163, 0.3);\n}\n.PayPlatformOptions_payment-method-box__Iiao- .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_en__2udua {\n font-size: 12px;\n}\n.PayPlatformOptions_payment-method-box__Iiao-.PayPlatformOptions_mobile__XZq_G {\n padding: 8px 10px 10px 8px;\n}\n.PayPlatformOptions_payment-method-box__Iiao-.PayPlatformOptions_mobile__XZq_G .PayPlatformOptions_payitem__2o3qS {\n display: inline-flex;\n flex-direction: column;\n justify-content: space-around;\n width: 78px;\n height: 80px;\n line-height: initial;\n border: 1px solid transparent;\n}\n.PayPlatformOptions_payment-method-box__Iiao-.PayPlatformOptions_mobile__XZq_G .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_active__3uZ7L {\n border-radius: 4px;\n border-color: #1790FF;\n}\n.PayPlatformOptions_payment-method-box__Iiao-.PayPlatformOptions_mobile__XZq_G .PayPlatformOptions_payitem__2o3qS .PayPlatformOptions_payment-method__3fVWP {\n display: inline-block;\n width: 34px;\n height: 34px;\n}\n@media (max-width: 768px) {\n .PayPlatformOptions_payitem__2o3qS {\n cursor: pointer;\n border: 1px solid transparent;\n }\n .PayPlatformOptions_payitem__2o3qS.PayPlatformOptions_active__3uZ7L {\n border-radius: 5px;\n border-color: #1790FF;\n }\n}\n";
|
201
|
|
-var styles$1 = {"flexContainer":"PayPlatformOptions_flexContainer__1-MCg","label":"PayPlatformOptions_label__1E4pz","payment-method-box":"PayPlatformOptions_payment-method-box__Iiao-","payment-method":"PayPlatformOptions_payment-method__3fVWP","payment-method-before":"PayPlatformOptions_payment-method-before__2Lu24","payitem":"PayPlatformOptions_payitem__2o3qS","platformName":"PayPlatformOptions_platformName__2VrlA","small":"PayPlatformOptions_small__kkYKV","normal":"PayPlatformOptions_normal__1LPcR","large":"PayPlatformOptions_large__3Tz_u","active":"PayPlatformOptions_active__3uZ7L","en":"PayPlatformOptions_en__2udua","mobile":"PayPlatformOptions_mobile__XZq_G","paymentMethodBox":"PayPlatformOptions_payment-method-box__Iiao-","paymentMethod":"PayPlatformOptions_payment-method__3fVWP","paymentMethodBefore":"PayPlatformOptions_payment-method-before__2Lu24"};
|
|
205
|
+var css$1 = ".PayPlatformOptions_flexContainer__3RdFq {\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.PayPlatformOptions_label__3CGfx {\n font-size: 14px;\n font-weight: 400;\n color: #616A79;\n}\n.PayPlatformOptions_payChannelBox__3_nLw {\n padding: 20px 10px 10px 10px;\n text-align: center;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_paymentImage__2raEr {\n display: inline-block;\n margin: 0;\n width: 60%;\n vertical-align: middle;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_paymentImage-before__2YrK0 {\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border: 1px solid transparent;\n height: 66px;\n line-height: 66px;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw .PayPlatformOptions_platformName__1JY1p {\n text-align: center;\n white-space: nowrap;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_small__1rSKm {\n width: 88px;\n height: 36px;\n line-height: 36px;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_small__1rSKm .PayPlatformOptions_paymentImage__2raEr {\n margin: 0;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_normal__zDGIQ {\n width: 132px;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_large__2j1ca {\n width: 162px;\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_active__2h-ps {\n border-radius: 5px;\n border-color: #1790FF;\n box-shadow: 0px 2px 6px 0px rgba(163, 163, 163, 0.3);\n}\n.PayPlatformOptions_payChannelBox__3_nLw .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_en__2kcj9 {\n font-size: 12px;\n}\n.PayPlatformOptions_payChannelBox__3_nLw.PayPlatformOptions_mobile__3Fmnu {\n padding: 8px 10px 10px 8px;\n}\n.PayPlatformOptions_payChannelBox__3_nLw.PayPlatformOptions_mobile__3Fmnu .PayPlatformOptions_payChannelBlock__2g_Kw {\n display: inline-flex;\n flex-direction: column;\n justify-content: space-around;\n width: 78px;\n height: 80px;\n line-height: initial;\n border: 1px solid transparent;\n}\n.PayPlatformOptions_payChannelBox__3_nLw.PayPlatformOptions_mobile__3Fmnu .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_active__2h-ps {\n border-radius: 4px;\n border-color: #1790FF;\n}\n.PayPlatformOptions_payChannelBox__3_nLw.PayPlatformOptions_mobile__3Fmnu .PayPlatformOptions_payChannelBlock__2g_Kw .PayPlatformOptions_paymentImage__2raEr {\n display: inline-block;\n width: 34px;\n height: 34px;\n}\n@media (max-width: 768px) {\n .PayPlatformOptions_payChannelBlock__2g_Kw {\n cursor: pointer;\n border: 1px solid transparent;\n }\n .PayPlatformOptions_payChannelBlock__2g_Kw.PayPlatformOptions_active__2h-ps {\n border-radius: 5px;\n border-color: #1790FF;\n }\n}\n";
|
|
206
|
+var styles$1 = {"flexContainer":"PayPlatformOptions_flexContainer__3RdFq","label":"PayPlatformOptions_label__3CGfx","payChannelBox":"PayPlatformOptions_payChannelBox__3_nLw","paymentImage":"PayPlatformOptions_paymentImage__2raEr","paymentImage-before":"PayPlatformOptions_paymentImage-before__2YrK0","payChannelBlock":"PayPlatformOptions_payChannelBlock__2g_Kw","platformName":"PayPlatformOptions_platformName__1JY1p","small":"PayPlatformOptions_small__1rSKm","normal":"PayPlatformOptions_normal__zDGIQ","large":"PayPlatformOptions_large__2j1ca","active":"PayPlatformOptions_active__2h-ps","en":"PayPlatformOptions_en__2kcj9","mobile":"PayPlatformOptions_mobile__3Fmnu","paymentImageBefore":"PayPlatformOptions_paymentImage-before__2YrK0"};
|
202
|
207
|
styleInject(css$1);
|
203
|
208
|
|
204
|
209
|
var PAY_CHANNEL = {
|
|
@@ -209,145 +214,150 @@ var PAY_CHANNEL = {
|
209
|
214
|
WX_WAP: "WX_WAP",
|
210
|
215
|
WX_NATIVE: "WX_NATIVE"
|
211
|
216
|
};
|
212
|
|
-
|
213
|
|
-var PayPlatformOptions =
|
214
|
|
-/*#__PURE__*/
|
215
|
|
-function (_PureComponent) {
|
216
|
|
- _inherits(PayPlatformOptions, _PureComponent);
|
217
|
|
-
|
218
|
|
- function PayPlatformOptions() {
|
219
|
|
- _classCallCheck(this, PayPlatformOptions);
|
220
|
|
-
|
221
|
|
- return _possibleConstructorReturn(this, _getPrototypeOf(PayPlatformOptions).apply(this, arguments));
|
|
217
|
+var PAY_CHANNEL_CATEGORY = {
|
|
218
|
+ ALI: "Alipay",
|
|
219
|
+ WX: "Wechat",
|
|
220
|
+ PAYPAL: "Paypal"
|
|
221
|
+};
|
|
222
|
+var PAY_CHANNEL_INSTANCE = [{
|
|
223
|
+ image: {
|
|
224
|
+ desktop: img$1,
|
|
225
|
+ mobile: img$4
|
|
226
|
+ },
|
|
227
|
+ text: {
|
|
228
|
+ zh: "支付宝",
|
|
229
|
+ en: "Alipay"
|
|
230
|
+ },
|
|
231
|
+ key: PAY_CHANNEL_CATEGORY.ALI
|
|
232
|
+}, {
|
|
233
|
+ image: {
|
|
234
|
+ desktop: img$2,
|
|
235
|
+ mobile: img$5
|
|
236
|
+ },
|
|
237
|
+ text: {
|
|
238
|
+ zh: "微信",
|
|
239
|
+ en: "WeChat"
|
|
240
|
+ },
|
|
241
|
+ key: PAY_CHANNEL_CATEGORY.WX
|
|
242
|
+}, {
|
|
243
|
+ image: {
|
|
244
|
+ desktop: img$3,
|
|
245
|
+ mobile: img$6
|
|
246
|
+ },
|
|
247
|
+ text: {
|
|
248
|
+ zh: "PayPal",
|
|
249
|
+ en: "PayPal"
|
|
250
|
+ },
|
|
251
|
+ key: PAY_CHANNEL_CATEGORY.PAYPAL
|
|
252
|
+}];
|
|
253
|
+
|
|
254
|
+var PayPlatformBlock = function PayPlatformBlock(_ref) {
|
|
255
|
+ var _ref$isMobile = _ref.isMobile,
|
|
256
|
+ isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
|
|
257
|
+ _ref$isActive = _ref.isActive,
|
|
258
|
+ isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
259
|
+ _ref$size = _ref.size,
|
|
260
|
+ size = _ref$size === void 0 ? "normal" : _ref$size,
|
|
261
|
+ onClick = _ref.onClick,
|
|
262
|
+ text = _ref.text,
|
|
263
|
+ image = _ref.image,
|
|
264
|
+ _ref$locale = _ref.locale,
|
|
265
|
+ locale = _ref$locale === void 0 ? "zh" : _ref$locale;
|
|
266
|
+ var showText = text[locale];
|
|
267
|
+
|
|
268
|
+ if (isMobile) {
|
|
269
|
+ return React.createElement("div", {
|
|
270
|
+ className: styles$1.flexItem
|
|
271
|
+ }, React.createElement("div", {
|
|
272
|
+ className: classnames(styles$1.payChannelBlock, _objectSpread2(_defineProperty({}, styles$1.active, isActive), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
|
273
|
+ onClick: onClick
|
|
274
|
+ }, React.createElement("img", {
|
|
275
|
+ src: image.mobile,
|
|
276
|
+ alt: showText,
|
|
277
|
+ className: styles$1.paymentImage
|
|
278
|
+ }), React.createElement("div", {
|
|
279
|
+ className: styles$1.platformName
|
|
280
|
+ }, showText)));
|
222
|
281
|
}
|
223
|
282
|
|
224
|
|
- _createClass(PayPlatformOptions, [{
|
225
|
|
- key: "render",
|
226
|
|
- value: function render() {
|
227
|
|
- var _objectSpread5, _objectSpread6, _objectSpread7;
|
228
|
|
-
|
229
|
|
- var _this$props = this.props,
|
230
|
|
- payitem = _this$props.payitem,
|
231
|
|
- onPayItemChange = _this$props.onPayItemChange,
|
232
|
|
- _this$props$isMobile = _this$props.isMobile,
|
233
|
|
- isMobile = _this$props$isMobile === void 0 ? false : _this$props$isMobile,
|
234
|
|
- _this$props$size = _this$props.size,
|
235
|
|
- size = _this$props$size === void 0 ? "normal" : _this$props$size,
|
236
|
|
- _this$props$withTitle = _this$props.withTitle,
|
237
|
|
- withTitle = _this$props$withTitle === void 0 ? true : _this$props$withTitle,
|
238
|
|
- titleTxt = _this$props.titleTxt,
|
239
|
|
- _this$props$locale = _this$props.locale,
|
240
|
|
- locale = _this$props$locale === void 0 ? "zh" : _this$props$locale;
|
241
|
|
- var titleDOM = null;
|
242
|
|
-
|
243
|
|
- if (withTitle) {
|
244
|
|
- var titleResult = titleTxt || locale === 'zh' ? '支付方式' : 'Payment';
|
245
|
|
- titleDOM = React.createElement("div", {
|
246
|
|
- className: styles$1.label
|
247
|
|
- }, titleResult);
|
248
|
|
- }
|
249
|
|
-
|
250
|
|
- if (isMobile) {
|
251
|
|
- var _objectSpread2$1, _objectSpread3, _objectSpread4;
|
252
|
|
-
|
253
|
|
- return React.createElement("div", null, titleDOM, React.createElement("div", {
|
254
|
|
- className: classnames(styles$1["payment-method-box"], _defineProperty({}, styles$1.mobile, isMobile))
|
255
|
|
- }, React.createElement("div", {
|
256
|
|
- className: styles$1.flexContainer
|
257
|
|
- }, React.createElement("div", {
|
258
|
|
- className: styles$1.flexItem
|
259
|
|
- }, React.createElement("div", {
|
260
|
|
- className: classnames(_objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, styles$1.payitem, true), _defineProperty(_objectSpread2$1, styles$1.active, payitem === PAY_CHANNEL.ALI_WEB), _objectSpread2$1), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
261
|
|
- onClick: function onClick() {
|
262
|
|
- onPayItemChange(PAY_CHANNEL.ALI_WEB);
|
263
|
|
- }
|
264
|
|
- }, React.createElement("img", {
|
265
|
|
- src: img$4,
|
266
|
|
- alt: "alipay",
|
267
|
|
- className: styles$1["payment-method"]
|
268
|
|
- }), React.createElement("div", {
|
269
|
|
- className: styles$1.platformName
|
270
|
|
- }, "\u652F\u4ED8\u5B9D"))), React.createElement("div", {
|
271
|
|
- className: styles$1.flexItem
|
272
|
|
- }, React.createElement("div", {
|
273
|
|
- className: classnames(_objectSpread2((_objectSpread3 = {}, _defineProperty(_objectSpread3, styles$1.payitem, true), _defineProperty(_objectSpread3, styles$1.active, payitem === PAY_CHANNEL.WX_NATIVE), _objectSpread3), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
274
|
|
- onClick: function onClick() {
|
275
|
|
- onPayItemChange(PAY_CHANNEL.WX_NATIVE);
|
276
|
|
- }
|
277
|
|
- }, React.createElement("img", {
|
278
|
|
- src: img$5,
|
279
|
|
- alt: "wechatpay",
|
280
|
|
- className: styles$1["payment-method"]
|
281
|
|
- }), React.createElement("div", {
|
282
|
|
- className: styles$1.platformName
|
283
|
|
- }, "\u5FAE\u4FE1"))), React.createElement("div", {
|
284
|
|
- className: styles$1.flexItem
|
285
|
|
- }, React.createElement("div", {
|
286
|
|
- className: classnames(_objectSpread2((_objectSpread4 = {}, _defineProperty(_objectSpread4, styles$1.payitem, true), _defineProperty(_objectSpread4, styles$1.active, payitem === PAY_CHANNEL.PAYPAL), _objectSpread4), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
287
|
|
- onClick: function onClick() {
|
288
|
|
- onPayItemChange(PAY_CHANNEL.PAYPAL);
|
289
|
|
- }
|
290
|
|
- }, React.createElement("img", {
|
291
|
|
- src: img$6,
|
292
|
|
- alt: "paypal",
|
293
|
|
- className: styles$1["payment-method"]
|
294
|
|
- }), React.createElement("div", {
|
295
|
|
- className: styles$1.platformName
|
296
|
|
- }, "Paypal"))))));
|
297
|
|
- }
|
|
283
|
+ return React.createElement("div", {
|
|
284
|
+ className: styles$1.flexItem
|
|
285
|
+ }, React.createElement("div", {
|
|
286
|
+ className: classnames(styles$1.payChannelBlock, _objectSpread2(_defineProperty({}, styles$1.active, isActive), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
|
287
|
+ onClick: onClick
|
|
288
|
+ }, React.createElement("span", {
|
|
289
|
+ className: styles$1["payment-method-before"]
|
|
290
|
+ }), React.createElement("img", {
|
|
291
|
+ src: image.desktop,
|
|
292
|
+ alt: showText,
|
|
293
|
+ className: styles$1.paymentImage
|
|
294
|
+ })));
|
|
295
|
+};
|
298
|
296
|
|
299
|
|
- return React.createElement("div", null, titleDOM, React.createElement("div", {
|
300
|
|
- className: styles$1["payment-method-box"]
|
301
|
|
- }, React.createElement("div", {
|
302
|
|
- className: styles$1.flexContainer
|
303
|
|
- }, React.createElement("div", {
|
304
|
|
- className: styles$1.flexItem
|
305
|
|
- }, React.createElement("div", {
|
306
|
|
- className: classnames(_objectSpread2((_objectSpread5 = {}, _defineProperty(_objectSpread5, styles$1.payitem, true), _defineProperty(_objectSpread5, styles$1.active, payitem === PAY_CHANNEL.ALI_WEB), _objectSpread5), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
307
|
|
- onClick: function onClick() {
|
308
|
|
- onPayItemChange(PAY_CHANNEL.ALI_WEB);
|
309
|
|
- }
|
310
|
|
- }, React.createElement("span", {
|
311
|
|
- className: styles$1["payment-method-before"]
|
312
|
|
- }), React.createElement("img", {
|
313
|
|
- src: img$1,
|
314
|
|
- alt: "alipay",
|
315
|
|
- className: styles$1["payment-method"]
|
316
|
|
- }))), React.createElement("div", {
|
317
|
|
- className: styles$1.flexItem
|
318
|
|
- }, React.createElement("div", {
|
319
|
|
- className: classnames(_objectSpread2((_objectSpread6 = {}, _defineProperty(_objectSpread6, styles$1.payitem, true), _defineProperty(_objectSpread6, styles$1.active, payitem === PAY_CHANNEL.WX_NATIVE), _objectSpread6), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
320
|
|
- onClick: function onClick() {
|
321
|
|
- onPayItemChange(PAY_CHANNEL.WX_NATIVE);
|
322
|
|
- }
|
323
|
|
- }, React.createElement("span", {
|
324
|
|
- className: styles$1["payment-method-before"]
|
325
|
|
- }), React.createElement("img", {
|
326
|
|
- src: img$2,
|
327
|
|
- alt: "wechatpay",
|
328
|
|
- className: styles$1["payment-method"]
|
329
|
|
- }))), React.createElement("div", {
|
330
|
|
- className: styles$1.flexItem
|
331
|
|
- }, React.createElement("div", {
|
332
|
|
- className: classnames(_objectSpread2((_objectSpread7 = {}, _defineProperty(_objectSpread7, styles$1.payitem, true), _defineProperty(_objectSpread7, styles$1.active, payitem === PAY_CHANNEL.PAYPAL), _objectSpread7), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
|
|
297
|
+var PayPlatformOptions = function PayPlatformOptions(_ref2) {
|
|
298
|
+ var payChannel = _ref2.payChannel,
|
|
299
|
+ onPayChannelChange = _ref2.onPayChannelChange,
|
|
300
|
+ _ref2$size = _ref2.size,
|
|
301
|
+ size = _ref2$size === void 0 ? "normal" : _ref2$size,
|
|
302
|
+ _ref2$isMobile = _ref2.isMobile,
|
|
303
|
+ isMobile = _ref2$isMobile === void 0 ? false : _ref2$isMobile,
|
|
304
|
+ _ref2$withTitle = _ref2.withTitle,
|
|
305
|
+ withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
|
|
306
|
+ titleText = _ref2.titleText,
|
|
307
|
+ _ref2$locale = _ref2.locale,
|
|
308
|
+ locale = _ref2$locale === void 0 ? "zh" : _ref2$locale;
|
|
309
|
+ var titleDOM = null;
|
|
310
|
+ var payListDOM = [{
|
|
311
|
+ valueKey: PAY_CHANNEL.ALI_WEB,
|
|
312
|
+ categoryKey: PAY_CHANNEL_CATEGORY.ALI
|
|
313
|
+ }, {
|
|
314
|
+ valueKey: PAY_CHANNEL.WX_NATIVE,
|
|
315
|
+ categoryKey: PAY_CHANNEL_CATEGORY.WX
|
|
316
|
+ }, {
|
|
317
|
+ valueKey: PAY_CHANNEL.PAYPAL,
|
|
318
|
+ categoryKey: PAY_CHANNEL_CATEGORY.PAYPAL
|
|
319
|
+ }].map(function (v) {
|
|
320
|
+ var valueKey = v.valueKey,
|
|
321
|
+ categoryKey = v.categoryKey;
|
|
322
|
+ var targetInstance = PAY_CHANNEL_INSTANCE.find(function (ins) {
|
|
323
|
+ return ins.key === categoryKey;
|
|
324
|
+ });
|
|
325
|
+
|
|
326
|
+ if (targetInstance) {
|
|
327
|
+ var text = targetInstance.text,
|
|
328
|
+ image = targetInstance.image;
|
|
329
|
+ return React.createElement(PayPlatformBlock, _extends({
|
|
330
|
+ key: valueKey
|
|
331
|
+ }, {
|
|
332
|
+ isMobile: isMobile,
|
|
333
|
+ locale: locale,
|
|
334
|
+ size: size
|
|
335
|
+ }, {
|
333
|
336
|
onClick: function onClick() {
|
334
|
|
- onPayItemChange(PAY_CHANNEL.PAYPAL);
|
335
|
|
- }
|
336
|
|
- }, React.createElement("span", {
|
337
|
|
- className: styles$1["payment-method-before"]
|
338
|
|
- }), React.createElement("img", {
|
339
|
|
- src: img$3,
|
340
|
|
- alt: "paypal",
|
341
|
|
- className: styles$1["payment-method"]
|
342
|
|
- }))))));
|
|
337
|
+ return onPayChannelChange(valueKey);
|
|
338
|
+ },
|
|
339
|
+ isActive: valueKey === payChannel,
|
|
340
|
+ text: text,
|
|
341
|
+ image: image
|
|
342
|
+ }));
|
343
|
343
|
}
|
344
|
|
- }]);
|
|
344
|
+ });
|
345
|
345
|
|
346
|
|
- return PayPlatformOptions;
|
347
|
|
-}(PureComponent);
|
|
346
|
+ if (withTitle) {
|
|
347
|
+ titleDOM = React.createElement("div", {
|
|
348
|
+ className: styles$1.label
|
|
349
|
+ }, titleText || locale === "zh" ? "支付方式" : "Payment");
|
|
350
|
+ }
|
|
351
|
+
|
|
352
|
+ return React.createElement("div", null, titleDOM, React.createElement("div", {
|
|
353
|
+ className: classnames(styles$1.payChannelBox, _defineProperty({}, styles$1.mobile, isMobile))
|
|
354
|
+ }, React.createElement("div", {
|
|
355
|
+ className: styles$1.flexContainer
|
|
356
|
+ }, payListDOM)));
|
|
357
|
+};
|
348
|
358
|
|
349
|
|
-var css$2 = ".PriceOptions_options__iSN_S {\n padding: 20px 50px;\n border-bottom: 1px dashed #00000017;\n}\n.PriceOptions_options__iSN_S p {\n font-size: 14px;\n font-weight: 400;\n color: #616a79;\n margin-bottom: 20px;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD {\n padding-right: 0;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceItem__3ahwJ {\n background: rgba(243, 243, 243, 0.14);\n border-radius: 4px;\n border: 1px solid #cfcfcf;\n font-size: 14px;\n font-weight: 600;\n color: #616a79;\n display: inline-block;\n text-align: center;\n vertical-align: top;\n height: 30px;\n width: 70px;\n line-height: 30px;\n cursor: pointer;\n margin: 6px;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceItem__3ahwJ.PriceOptions_active__3cl1G {\n background: rgba(255, 50, 102, 0.1);\n border-radius: 4px;\n border: 1px solid #ff3266;\n color: #616a79;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceInput__2GSDh {\n display: inline-block;\n min-width: 70px;\n width: auto;\n margin: 6px;\n text-align: center;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n height: 30px;\n width: 50px;\n vertical-align: top;\n padding: 0 5px;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_rate__FJSKL {\n margin-left: 10px;\n}\n.PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_rate__FJSKL i {\n margin-right: 5px;\n color: #1790FF;\n}\n.PriceOptions_options__iSN_S.PriceOptions_small__3O05i {\n padding: 0 0 12px 0;\n border-bottom: none;\n}\n.PriceOptions_options__iSN_S.PriceOptions_small__3O05i p {\n margin-bottom: 8px;\n}\n.PriceOptions_options__iSN_S.PriceOptions_small__3O05i .PriceOptions_infoItem__p5iwD {\n text-align: center;\n}\n.PriceOptions_options__iSN_S.PriceOptions_small__3O05i .PriceOptions_infoItem__p5iwD .PriceOptions_priceItem__3ahwJ {\n border-radius: 6px;\n height: 32px;\n width: 72px;\n margin: 0 0 12px 19px;\n}\n.PriceOptions_options__iSN_S.PriceOptions_small__3O05i .PriceOptions_infoItem__p5iwD .PriceOptions_priceItem__3ahwJ:first-child {\n margin: 0 0 12px 0px;\n}\n.PriceOptions_options__iSN_S.PriceOptions_small__3O05i .PriceOptions_infoItem__p5iwD .PriceOptions_priceInput__2GSDh {\n display: block;\n width: 254px;\n border-radius: 6px;\n height: 32px;\n}\n@media (max-width: 768px) {\n .PriceOptions_options__iSN_S {\n padding: 20px 20px;\n }\n .PriceOptions_options__iSN_S p {\n font-size: 14px;\n font-weight: 400;\n color: #616a79;\n }\n .PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD {\n padding-right: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceBtn__2vdWf {\n display: flex;\n justify-content: space-between;\n }\n .PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceItem__3ahwJ {\n display: inline-block;\n background-color: #fff;\n width: 74px;\n height: 36px;\n line-height: 36px;\n border-radius: 6px;\n border: 1px solid #cfcfcf;\n }\n .PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceItem__3ahwJ.PriceOptions_active__3cl1G {\n background-color: #fff;\n color: #FF3266FF;\n border-radius: 4px;\n border: 1px solid #ff3266;\n }\n .PriceOptions_options__iSN_S .PriceOptions_infoItem__p5iwD .PriceOptions_priceInput__2GSDh {\n border-radius: 6px;\n height: 36px;\n width: auto;\n }\n}\n";
|
350
|
|
-var styles$2 = {"options":"PriceOptions_options__iSN_S","infoItem":"PriceOptions_infoItem__p5iwD","priceItem":"PriceOptions_priceItem__3ahwJ","active":"PriceOptions_active__3cl1G","priceInput":"PriceOptions_priceInput__2GSDh","rate":"PriceOptions_rate__FJSKL","small":"PriceOptions_small__3O05i","priceBtn":"PriceOptions_priceBtn__2vdWf"};
|
|
359
|
+var css$2 = ".PriceOptions_options__2AGBn {\n padding: 20px 50px;\n border-bottom: 1px dashed #00000017;\n}\n.PriceOptions_options__2AGBn p {\n font-size: 14px;\n font-weight: 400;\n color: #616a79;\n margin-bottom: 20px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN {\n padding-right: 0;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n background: rgba(243, 243, 243, 0.14);\n border-radius: 4px;\n border: 1px solid #cfcfcf;\n font-size: 14px;\n font-weight: 600;\n color: #616a79;\n display: inline-block;\n text-align: center;\n vertical-align: top;\n height: 30px;\n width: 70px;\n line-height: 30px;\n cursor: pointer;\n margin: 6px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM.PriceOptions_active__rlHby {\n background: rgba(255, 50, 102, 0.1);\n border-radius: 4px;\n border: 1px solid #ff3266;\n color: #616a79;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n display: inline-block;\n min-width: 70px;\n width: auto;\n margin: 6px;\n text-align: center;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n height: 30px;\n width: 50px;\n vertical-align: top;\n padding: 0 5px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_rate__3hVeo {\n margin-left: 10px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_rate__3hVeo i {\n margin-right: 5px;\n color: #1790FF;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 {\n padding: 0 0 12px 0;\n border-bottom: none;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 p {\n margin-bottom: 8px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN {\n text-align: center;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n border-radius: 6px;\n height: 32px;\n width: 72px;\n margin: 0 0 12px 19px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM:first-child {\n margin: 0 0 12px 0px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n display: block;\n width: 254px;\n border-radius: 6px;\n height: 32px;\n}\n@media (max-width: 768px) {\n .PriceOptions_options__2AGBn {\n padding: 20px 20px;\n }\n .PriceOptions_options__2AGBn p {\n font-size: 14px;\n font-weight: 400;\n color: #616a79;\n }\n .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN {\n padding-right: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceBtn__YfsBe {\n display: flex;\n justify-content: space-between;\n }\n .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n display: inline-block;\n background-color: #fff;\n width: 74px;\n height: 36px;\n line-height: 36px;\n border-radius: 6px;\n border: 1px solid #cfcfcf;\n }\n .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM.PriceOptions_active__rlHby {\n background-color: #fff;\n color: #FF3266FF;\n border-radius: 4px;\n border: 1px solid #ff3266;\n }\n .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n border-radius: 6px;\n height: 36px;\n width: auto;\n }\n}\n";
|
|
360
|
+var styles$2 = {"options":"PriceOptions_options__2AGBn","infoItem":"PriceOptions_infoItem__1dYFN","priceItem":"PriceOptions_priceItem__2PLhM","active":"PriceOptions_active__rlHby","priceInput":"PriceOptions_priceInput__1UYLy","rate":"PriceOptions_rate__3hVeo","small":"PriceOptions_small__2Vys4","priceBtn":"PriceOptions_priceBtn__YfsBe"};
|
351
|
361
|
styleInject(css$2);
|
352
|
362
|
|
353
|
363
|
var FormattedMessage = function FormattedMessage(_ref) {
|
|
@@ -397,11 +407,11 @@ var PriceOptions = function PriceOptions(_ref2) {
|
397
|
407
|
}))));
|
398
|
408
|
};
|
399
|
409
|
|
400
|
|
-var css$3 = ".WaitPayInfoView_waitingContainer__3wZ0a {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n";
|
401
|
|
-var styles$3 = {"waitingContainer":"WaitPayInfoView_waitingContainer__3wZ0a"};
|
|
410
|
+var css$3 = ".WaitPayInfoView_waitingContainer__2fyww {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n";
|
|
411
|
+var styles$3 = {"waitingContainer":"WaitPayInfoView_waitingContainer__2fyww"};
|
402
|
412
|
styleInject(css$3);
|
403
|
413
|
|
404
|
|
-const img$7 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0M3B4IiB2aWV3Qm94PSIwIDAgNDggNDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWPpuWuoue9kV/nm7Tmkq3or75f6K++56iL5LuL57uN6K+m5oOFX+i0reS5sOaPkOekuuW8ueeqlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzNi4wMDAwMDAsIC0xOTAuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTAuMDAwMDAwLCAxMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4LDIxLjUgQzQ4LDMzLjM3MzY2MjYgMzguMzY0NTc1Niw0MyAyNi40Nzk3MDQ4LDQzIEMyMS4xMzA2MjczLDQzIDE3LjAzOTExNDQsNDIuMTUwNjE3MyAxMy4yODQxMzI4LDM4LjkzMDA0MTIgQzExLjgxNDAyMjEsMzcuNjczNjYyNiAxLjcwMDM2OSw0My4yMTIzNDU3IDAuMTc3MTIxNzcxLDM5LjI4Mzk1MDYgQy0xLjA2MjczMDYzLDM2LjA5ODc2NTQgNS45NTEyOTE1MSwyOS4yNTA2MTczIDUuMzEzNjUzMTQsMjcuMDc0MDc0MSBDNC43NjQ1NzU2NSwyNS4xODA2NTg0IDQuOTU5NDA5NTksMjMuNTcwMzcwNCA0Ljk1OTQwOTU5LDIxLjUgQzQuOTU5NDA5NTksOS42MjYzMzc0NSAxNC41OTQ4MzM5LDAgMjYuNDc5NzA0OCwwIEMzOC4zNjQ1NzU2LDAgNDgsOS42MjYzMzc0NSA0OCwyMS41IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzE3OTBGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuODQ4NzA4LCA4LjE5MzQxNikiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
|
|
414
|
+const img$7 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDNweCIgdmlld0JveD0iMCAwIDQ4IDQzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAuMiAoNTUwNDcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSLlj6blrqLnvZFf55u05pKt6K++X+ivvueoi+S7i+e7jeivpuaDhV/otK3kubDmj5DnpLrlvLnnqpciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MzYuMDAwMDAwLCAtMTkwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5MC4wMDAwMDAsIDExMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OCwyMS41IEM0OCwzMy4zNzM2NjI2IDM4LjM2NDU3NTYsNDMgMjYuNDc5NzA0OCw0MyBDMjEuMTMwNjI3Myw0MyAxNy4wMzkxMTQ0LDQyLjE1MDYxNzMgMTMuMjg0MTMyOCwzOC45MzAwNDEyIEMxMS44MTQwMjIxLDM3LjY3MzY2MjYgMS43MDAzNjksNDMuMjEyMzQ1NyAwLjE3NzEyMTc3MSwzOS4yODM5NTA2IEMtMS4wNjI3MzA2MywzNi4wOTg3NjU0IDUuOTUxMjkxNTEsMjkuMjUwNjE3MyA1LjMxMzY1MzE0LDI3LjA3NDA3NDEgQzQuNzY0NTc1NjUsMjUuMTgwNjU4NCA0Ljk1OTQwOTU5LDIzLjU3MDM3MDQgNC45NTk0MDk1OSwyMS41IEM0Ljk1OTQwOTU5LDkuNjI2MzM3NDUgMTQuNTk0ODMzOSwwIDI2LjQ3OTcwNDgsMCBDMzguMzY0NTc1NiwwIDQ4LDkuNjI2MzM3NDUgNDgsMjEuNSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMxNzkwRkYiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy44NDg3MDgsIDguMTkzNDE2KSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+';
|
405
|
415
|
|
406
|
416
|
var Button = function Button() {
|
407
|
417
|
for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
@@ -471,4 +481,4 @@ _defineProperty(WaitPayInfoView, "defaultProps", {
|
471
|
481
|
});
|
472
|
482
|
|
473
|
483
|
export { ConsumeListView as C, PayPlatformOptions as P, WaitPayInfoView as W, PriceOptions as a };
|
474
|
|
-//# sourceMappingURL=index-6e59934c.js.map
|
|
484
|
+//# sourceMappingURL=index-80502ae7.js.map
|