diff --git a/src/assets/payment/alipay.svg b/src/assets/payment/alipay.svg
new file mode 100644
index 000000000..a6ff5bab0
--- /dev/null
+++ b/src/assets/payment/alipay.svg
@@ -0,0 +1 @@
+<svg t="1718074269709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18464" width="128" height="128"><path d="M1024.0512 701.0304V196.864A196.9664 196.9664 0 0 0 827.136 0H196.864A196.9664 196.9664 0 0 0 0 196.864v630.272A196.9152 196.9152 0 0 0 196.864 1024h630.272a197.12 197.12 0 0 0 193.8432-162.0992c-52.224-22.6304-278.528-120.32-396.4416-176.64-89.7024 108.6976-183.7056 173.9264-325.3248 173.9264s-236.1856-87.2448-224.8192-194.048c7.4752-70.0416 55.552-184.576 264.2944-164.9664 110.08 10.3424 160.4096 30.8736 250.1632 60.5184 23.1936-42.5984 42.496-89.4464 57.1392-139.264H248.064v-39.424h196.9152V311.1424H204.8V267.776h240.128V165.632s2.1504-15.9744 19.8144-15.9744h98.4576V267.776h256v43.4176h-256V381.952h208.8448a805.9904 805.9904 0 0 1-84.8384 212.6848c60.672 22.016 336.7936 106.3936 336.7936 106.3936zM283.5456 791.6032c-149.6576 0-173.312-94.464-165.376-133.9392 7.8336-39.3216 51.2-90.624 134.4-90.624 95.5904 0 181.248 24.4736 284.0576 74.5472-72.192 94.0032-160.9216 150.016-253.0816 150.016z" fill="#009FE8" p-id="18465"></path></svg>
diff --git a/src/assets/payment/unionPay.svg b/src/assets/payment/unionPay.svg
new file mode 100644
index 000000000..461825c51
--- /dev/null
+++ b/src/assets/payment/unionPay.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718072865860" class="icon" viewBox="0 0 1617 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8574" xmlns:xlink="http://www.w3.org/1999/xlink" width="404.25" height="256"><path d="M320.08812 0.129868h405.770988a79.322031 79.322031 0 0 1 78.837046 103.625181l-189.25202 816.9307a137.951358 137.951358 0 0 1-128.413315 103.194082H82.499238a79.322031 79.322031 0 0 1-78.783159-103.194082l189.683118-816.9307A137.951358 137.951358 0 0 1 319.980346 0.129868" fill="#ED171F" p-id="8575"></path><path d="M691.802366 0.075981h459.01159c56.042739 0 30.715732 46.450809 17.675018 103.625181l-186.126559 816.9307c-13.040714 56.797161-8.837509 103.194083-64.826361 103.194082H458.524464c-42.786476 2.15549-79.052595-31.577928-81.10031-75.2266a80.669212 80.669212 0 0 1 3.610445-27.967482l185.695462-816.9307A136.658064 136.658064 0 0 1 693.041773 0.075981" fill="#082F67" p-id="8576"></path><path d="M1128.342973 0.129868h406.094311a78.94482 78.94482 0 0 1 78.405948 103.625181l-188.928696 816.9307a138.059133 138.059133 0 0 1-128.52109 103.140195h-404.369919a78.94482 78.94482 0 0 1-78.837046-103.194082l188.928697-816.876813A138.059133 138.059133 0 0 1 1129.58238 0.129868" fill="#006A65" p-id="8577"></path><path d="M1087.227002 759.185663h36.266119l10.076916-41.115972h-35.888909l-10.454126 41.115972z m28.99134-113.217111l-12.501842 47.744103 21.016028-10.992999c7.598102 0 18.483327-3.341009 18.483326-3.34101l8.891396-33.89508-35.888908 0.484986z m18.968312-69.783988l-12.124631 47.79799c6.843681-3.664333 13.849023-6.843681 20.96214-9.538043 6.089259-1.616617 12.286293-2.74825 18.537214-3.34101l8.460298-33.948967-35.835021-0.96997z m80.561438 0l-47.959652 183.001099h12.501842l-9.699705 37.721074h-12.447955l-3.233235 11.477984h-44.349206l3.233235-11.477984H1023.963371l9.268607-35.350035h8.837509l47.151343-185.372138 9.699705-37.236089h45.103628l-4.849853 18.644988c7.382553-5.87371 15.357866-10.508014 23.764277-13.849023C1174.308797 540.40343 1239.512369 538.948475 1239.512369 538.948475l-9.699705 37.236089h-14.064572z" fill="#FFFFFF" p-id="8578"></path><path d="M1208.042215 540.834528h51.893421v20.800479c0 3.772107 2.586588 5.173176 8.62196 5.173175h10.400239l-9.484156 35.026713h-28.129144c-24.249262 0-33.30232-9.484156-32.871222-22.255434l-0.431098-38.744933z m6.897568 164.948871h-48.821848l8.190862-31.200718h56.635499l7.813651-27.859708H1182.930757l9.484156-35.026712H1347.286867l-9.538043 35.026712h-51.893421l-8.190862 27.859708h51.893421l-8.190861 30.715732H1265.917121l-9.915254 13.741249h22.902081l5.604274 38.744932a24.249262 24.249262 0 0 0 0 8.083088 27.590272 27.590272 0 0 0 12.124631 2.317151h6.951455l-10.400239 38.259947h-17.782792c-3.987656 0.377211-8.0292 0.377211-12.070744 0a28.560242 28.560242 0 0 1-12.555729-5.658161 18.267778 18.267778 0 0 1-9.484156-13.202376l-5.173176-38.79882-25.973654 38.259948a42.301491 42.301491 0 0 1-37.6133 21.285463h-36.320006l9.053058-34.002854h14.280121a19.507184 19.507184 0 0 0 9.969141-3.287123 17.621131 17.621131 0 0 0 7.759764-6.628131l37.6133-58.629327z m-540.489111-85.087967h129.706609l-9.538043 34.056741h-51.408436l-8.244749 29.314664h55.342205l-9.915254 34.972825h-54.964994l-12.93294 47.259118c0 5.173176 12.501842 5.658161 17.728905 5.658161l26.781963-3.772108-10.77745 38.79882H686.090318a49.091284 49.091284 0 0 1-14.280121 0 21.016027 21.016027 0 0 1-12.93294-23.171517l17.24392-62.401435H646.752626l9.969141-35.942795h29.799649l7.813651-28.829679h-29.853536l9.969141-35.942795z m86.489035-60.946479h53.617813l-9.538043 35.45781h-73.502208l-7.813651 7.544215c-3.448784 3.772107-4.742078 2.371039-9.053058 4.742078a44.07977 44.07977 0 0 1-24.249262 7.059229h-23.333179l9.538043-34.487839h6.897568a21.016027 21.016027 0 0 0 12.124631 0 27.213061 27.213061 0 0 0 7.759764-10.885225l13.417925-26.943624h54.048911l-9.915254 17.513356z m104.164053 58.629327c11.424097-10.346352 25.165345-17.028371 39.822678-19.39941h43.217574l5.658161-19.399409h-77.00488l-11.693533 38.798819z m70.969508 15.08843H861.223878l-4.742078 16.543385h74.795502l4.795966-16.543385zM839.130106 538.948475h45.426951l-6.46647 25.542556c7.544215-6.897568 15.788964-12.771278 24.626473-17.513356 10.77745-3.233235 21.770449-5.765936 32.871222-7.544215h73.502209l-25.111459 92.147196a106.696754 106.696754 0 0 1-12.070744 30.230747 31.092943 31.092943 0 0 1-12.555729 12.771278 45.211402 45.211402 0 0 1-17.297807 6.143147H848.290938l-20.36938 71.400605c0 7.544215-2.586588 10.831337 0 12.771278a8.783622 8.783622 0 0 0 7.382553 3.772108l31.14683-3.34101-10.831337 39.714903h-35.026712c-8.190862 0.538872-16.435611 0.538872-24.626473 0a28.02137 28.02137 0 0 1-15.142317-2.856024c-3.071573-3.233235-8.244749-7.544215-8.244749-11.801308 1.077745-6.574244 2.478813-13.040714 4.31098-19.39941L839.183993 538.948475z" fill="#FFFFFF" p-id="8579"></path><path d="M953.155526 701.687968l-3.772108 19.668846a28.129144 28.129144 0 0 1-7.921425 14.711219 32.547899 32.547899 0 0 1-23.872052 8.406411h-24.249262v22.201546c0 6.304808 0 5.927597 2.101603 6.735906l3.341009 2.101603h30.931281l-9.160832 32.33235h-27.213061a83.417462 83.417462 0 0 1-37.6133-4.257093 13.040714 13.040714 0 0 1-5.065402-12.555729l2.15549-86.00405h41.762619v17.190033h10.454126a13.364038 13.364038 0 0 0 7.113117 0 10.939112 10.939112 0 0 0 2.963799-4.634304l4.149318-13.849023 33.89508-2.101603zM341.265809 269.889439c0 7.113117-28.883566 134.664236-29.314663 134.664236a92.416633 92.416633 0 0 1-24.680361 55.82719 44.241432 44.241432 0 0 1-29.260776 10.023028 27.213061 27.213061 0 0 1-30.500183-25.973654v-5.927597l6.250921-34.380065s29.260776-116.18091 33.89508-131.700438c-22.309321 1.56273-44.67253 1.56273-66.927964 0v8.352524l-31.793477 128.413315-2.532701 10.885224-4.580416 36.481668a52.162857 52.162857 0 0 0 6.250921 27.320836c13.417925 23.494841 51.893421 26.83585 73.609983 26.83585 24.895909 0.754421 49.576269-5.065401 71.562267-16.812822 24.734247-16.327837 41.439295-42.355378 45.965823-71.723929l3.394897-12.986827s29.637987-120.8691 35.134487-136.334741a463.214795 463.214795 0 0 1-56.904936 0l0.431098-2.963798zM505.568033 512.00485h-50.654015l6.304808-26.83585 2.963799-12.178519c4.149318-18.860537 8.352524-41.92428 8.783622-47.420779 0.377211-5.388725 0-14.226234-9.645818-14.226234a47.959652 47.959652 0 0 0-15.08843 4.580416c-2.478813 10.508014-8.352524 38.637158-10.831337 51.623985-5.87371 27.266948-6.304808 30.17686-8.783621 41.978167h-51.462324c4.203205-16.381724 7.975313-32.763448 11.747421-48.714073 6.843681-27.590272 12.016857-55.611641 15.46564-83.902447 23.009855-3.341009 28.829678-3.772107 53.510039-9.21472v2.532701l-3.772108 13.849023 12.55573-7.167004c10.076916-4.742078 21.069914-7.328666 32.224575-7.544215a27.159174 27.159174 0 0 1 28.021369 15.519528c4.580416 11.316322 0 25.596443-4.580416 52.863391l-3.394897 13.849023c-6.250921 30.607958-7.544215 36.104457-10.831337 57.066597L505.568033 512.00485z m80.723099 0h-52.70173c1.616617-6.682019 3.772107-13.256263 6.304808-19.722733 2.317152-6.574244 4.31098-13.310151 5.819823-20.099944 3.341009-15.573415 5.442612-26.027541 7.113117-35.242261 1.670505-9.268607 2.532701-16.812822 3.34101-26.027542l27.213061-3.772107 28.021369-5.065402v2.15549c-2.532701 9.59193-4.634303 18.860537-6.682019 28.506355-2.15549 9.645818-4.634303 19.291635-6.735906 28.560242l-7.544215 33.086771-2.909911 18.483327-1.239407-0.862196z m125.503404-71.292831a105.942332 105.942332 0 0 1-11.747421 32.70956 18.375552 18.375552 0 0 1-15.088429 9.21472s-11.262435 0-11.262435-14.280121a84.171883 84.171883 0 0 1 2.963798-23.063743c5.011514-23.063743 11.316322-41.92428 27.159174-41.92428 15.896739 0 13.364038 14.657332 7.544215 37.721075l0.431098-0.377211z m51.839534 2.909911c6.682019-17.83668 4.849852-37.828849-5.011514-54.102798-12.555729-12.93294-30.230747-19.39941-48.121314-17.62113-21.016027-1.401068-41.762618 4.849852-58.521553 17.62113a102.06245 102.06245 0 0 0-26.781963 52.001196c-4.203205 18.483327-9.160832 52.863392 21.770449 65.473008 10.508014 3.341009 21.5549 5.011514 32.601786 5.011514 23.71039 1.185519 46.881907-7.813651 63.586954-24.788135 10.77745-13.687361 18.267778-29.799649 21.716561-46.935794l-1.239406 3.341009z m519.904181-73.394433c-24.68036 4.580416-31.362379 5.388725-55.23443 8.783621a24.788135 24.788135 0 0 1 0 5.442613 32.655673 32.655673 0 0 0-17.567243-14.226234 66.01188 66.01188 0 0 0-56.851048 23.494841c-14.226234 14.010685-23.602615 32.278462-26.781963 52.001195-4.580416 18.483327-9.645818 52.432294 21.33935 64.664699 8.675847 3.664333 18.106116 5.388725 27.590272 5.011515a46.774132 46.774132 0 0 0 26.350865-12.178519 61.431464 61.431464 0 0 1-2.101603 8.352524h55.234431c3.772107-20.531042 6.682019-41.92428 16.273949-80.507551 4.203205-18.860537 8.783622-37.774962 13.417925-56.689386l-1.670505-4.149318z m-77.813188 103.194082a28.829678 28.829678 0 0 1-19.668846 9.21472s-11.316322 0-11.693533-14.280121c0.484985-7.759764 1.616617-15.465641 3.34101-23.063743 5.388725-22.632645 11.693533-41.92428 27.213061-41.92428 15.465641 0 15.465641 9.21472 14.172346 25.165346 0 3.772107 0 7.975313-2.909911 12.555729l-5.011514 20.584929a42.032054 42.032054 0 0 1-5.873711 11.74742h0.431098z m-302.846341 36.104457h-50.600127l6.304808-26.889737 2.909912-12.178518c4.203205-18.860537 8.352524-41.92428 9.214719-47.42078 0.862196-5.388725 0-14.226234-10.023028-14.226234a45.911936 45.911936 0 0 0-14.657332 4.634304c-2.909911 10.454126-8.783622 38.583271-11.316322 51.570097-5.819823 27.266948-6.250921 30.17686-8.783622 41.978168h-51.408436l11.316322-48.660187a690.834537 690.834537 0 0 0 15.034543-83.956334h2.101603c22.955968-3.341009 28.39858-3.772107 53.510038-9.160832l2.101603 2.478813-3.772107 13.849023 12.555729-7.167004c10.076916-4.795965 21.016027-7.382553 32.224575-7.544215a27.590272 27.590272 0 0 1 28.02137 15.519528c4.580416 11.316322 0 25.596443-5.065402 52.863392l-2.909911 13.849023c-7.113117 30.661845-7.544215 36.104457-11.316323 57.120484l-5.388725 3.341009z m172.762521-239.58271h-84.495207v8.783621l-17.567243 73.017223-38.475496 159.829582h59.383749c0-6.682019 10.076916-49.899593 10.454126-49.899593 0.431098 0 7.113117-31.039056 7.544215-32.33235a26.404752 26.404752 0 0 1 5.011514-4.580416h3.34101a161.446199 161.446199 0 0 0 97.913132-21.016027 104.541264 104.541264 0 0 0 38.852707-62.078111 94.302686 94.302686 0 0 0 2.5327-21.824336 47.097456 47.097456 0 0 0-6.25092-29.368551c-14.657332-20.099944-41.870393-20.531042-77.813189-20.96214l-0.431098 0.431098z m22.201547 74.256629a51.570098 51.570098 0 0 1-27.213061 35.673359 83.417462 83.417462 0 0 1-38.044398 6.250921h-8.783621v-3.772107s16.705047-71.723929 16.705047-71.292831v-6.735906h7.113117l34.703388 2.963799c13.956798 5.927597 20.477155 22.093772 14.657332 36.104457l0.862196 0.808308z m-487.679606 42.355378c12.93294-9.21472 14.603445-21.824336 3.772107-28.560242a46.343034 46.343034 0 0 0-45.6425 4.634304c-13.364038 9.268607-14.603445 21.824336-3.772108 28.560242 14.926768 6.897568 32.33235 5.119289 45.588613-4.634304z m840.641089-16.327836h-2.047715c-24.249262 4.580416-28.883566 5.87371-51.462323 8.783621-16.705047 39.014369-16.327837 30.607958-29.691875 61.269803v-4.634303l-4.634303-65.419121a487.140734 487.140734 0 0 1-50.169029 8.783621v2.963799c2.101603 12.124631 3.772107 23.872051 5.011514 36.104457 1.239407 12.124631 3.341009 23.872051 4.634303 35.188374 2.047715 19.722733 3.772107 29.368551 6.682019 59.1682-15.896739 26.404752-20.099944 36.481668-35.134486 59.976508l-10.885225 17.621131a11.316322 11.316322 0 0 1-4.203205 3.394897 13.364038 13.364038 0 0 1-7.113117 0h-5.819823l-9.214719 30.176859h30.931281a37.6133 37.6133 0 0 0 35.565584-19.722733l19.668846-33.571756v-2.047716c12.93294-28.129144 112.085479-198.897837 112.085479-198.897837l-4.203206 0.862196z" fill="#FFFFFF" p-id="8580"></path></svg>
\ No newline at end of file
diff --git a/src/assets/payment/wallet.svg b/src/assets/payment/wallet.svg
new file mode 100644
index 000000000..288ea702e
--- /dev/null
+++ b/src/assets/payment/wallet.svg
@@ -0,0 +1 @@
+<svg t="1718073789639" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14419" width="256" height="256"><path d="M427.4 134.3L794.1 482c26.3 24.9 27.4 66.8 2.5 93.1L569.9 814.2c-24.9 26.3-66.8 27.4-93.1 2.5L110.1 469c-26.3-24.9-27.4-66.8-2.5-93.1l226.7-239.1c24.9-26.3 66.8-27.4 93.1-2.5z" fill="#FEC50D" p-id="14420"></path><path d="M298.6 169.8l471.9 180.7c33.8 13 50.9 51.2 38 85L690.7 743.3c-13 33.8-51.2 50.9-85 38l-472-180.8c-33.8-13-50.9-51.2-38-85l117.8-307.7c13-33.9 51.3-50.9 85.1-38z" fill="#44C0D9" p-id="14421"></path><path d="M141.6 280.4h687.3c49.3 0 89.6 40.3 89.6 89.6v448.1c0 49.3-40.3 89.6-89.6 89.6H141.6c-49.3 0-89.6-40.3-89.6-89.6V370c0-49.3 40.3-89.6 89.6-89.6z" fill="#005B7D" p-id="14422"></path><path d="M792.6 851.4H740v-13.1h52.6v13.1z m-105.2 0h-52.6v-13.1h52.6v13.1z m-105.1 0h-52.6v-13.1h52.6v13.1z m-105.1 0h-52.6v-13.1h52.6v13.1z m-105.2 0h-52.6v-13.1H372v13.1z m-105.1 0h-52.6v-13.1h52.6v13.1z m-105.2 0h-20.2c-18.3 0-33.2-14.9-33.2-33.3v-10.7h13.1v10.7c0 11.1 9 20.1 20.1 20.1h20.2v13.2z m686.2-6.1l-7.6-10.8c5.4-3.8 8.6-9.9 8.6-16.5v-27H862v27c0.1 10.9-5.2 21.1-14.1 27.3z m-726.4-90.4h-13.1v-52.6h13.1v52.6z m740.6-16.3H849V686h13.1v52.6z m-740.6-88.9h-13.1v-52.6h13.1v52.6z m740.6-16.3H849v-52.6h13.1v52.6z m-740.6-88.8h-13.1V492h13.1v52.6z m740.6-16.3H849v-52.6h13.1v52.6z m-740.6-88.9h-13.1v-52.6h13.1v52.6z m740.6-16.2H849v-52.6h13.1v52.6z m-725.2-72.8l-3-12.8c2.5-0.6 5.1-0.9 7.6-0.9h46.4v13.1h-46.4c-1.5 0.1-3.1 0.3-4.6 0.6z m681.9-0.5h-52.6v-13.1h52.6v13.1z m-105.2 0H661v-13.1h52.6v13.1z m-105.1 0h-52.6v-13.1h52.6v13.1z m-105.1 0h-52.6v-13.1h52.6v13.1z m-105.2 0h-52.6v-13.1h52.6v13.1z m-105.1 0h-52.6v-13.1h52.6v13.1z" fill="#44C0D9" p-id="14423"></path><path d="M754.6 490h163c29.9 0 54.4 24.5 54.4 54.4v99.2c0 29.9-24.5 54.4-54.4 54.4h-163c-57.2 0-104-46.8-104-104s46.8-104 104-104z" fill="#FEC50D" p-id="14424"></path><path d="M866.9 594m-37.1 0a37.1 37.1 0 1 0 74.2 0 37.1 37.1 0 1 0-74.2 0Z" fill="#FFFFFF" p-id="14425"></path></svg>
diff --git a/src/assets/payment/wechat.svg b/src/assets/payment/wechat.svg
new file mode 100644
index 000000000..897c246dc
--- /dev/null
+++ b/src/assets/payment/wechat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718072839738" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7146" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M911.655822 21.344711a91.022222 91.022222 0 0 1 91.022222 91.022222v799.266134a91.022222 91.022222 0 0 1-91.022222 91.022222H112.344178a91.022222 91.022222 0 0 1-91.022222-91.022222V112.366933a91.022222 91.022222 0 0 1 91.022222-91.022222h799.311644zM561.925689 210.807467a303.900444 303.900444 0 0 0-66.446222-3.049245c-31.425422 1.661156-62.850844 6.599111-94.253511 16.543289-54.567822 18.181689-104.152178 46.2848-145.499023 90.9312a276.024889 276.024889 0 0 0-64.466489 110.774045 255.772444 255.772444 0 0 0-9.921422 51.245511v19.842844l0.068267 2.434845c0.2048 1.683911 0.864711 2.525867 3.231289 2.525866 0 9.921422 0 18.204444 1.661155 26.464711 3.299556 19.820089 8.260267 39.662933 14.882134 57.867378 16.520533 41.324089 42.985244 77.687467 76.049066 107.451733l5.9392 5.597867c7.964444 7.054222 15.883378 12.583822 23.825067 19.205689 3.299556 1.661156 3.299556 3.299556 3.299556 6.599111l-5.848178 29.195378a722.488889 722.488889 0 0 0-7.3728 43.576889c-1.661156 3.299556-1.661156 8.260267-1.661156 11.559822 0 4.960711 3.299556 6.599111 6.599111 6.599111 3.322311 0 8.283022-1.6384 11.605334-3.299555 18.158933-9.898667 34.702222-19.820089 52.883911-31.402667l7.850666-4.960711c5.006222-3.299556 9.784889-6.599111 15.291734-9.921422h4.960711c18.204444 6.599111 38.024533 11.582578 57.867378 14.882133 11.582578 1.661156 24.803556 1.661156 38.024533 3.299555h29.764267c16.543289 0 34.724978-1.6384 52.906666-4.960711 26.464711-4.960711 52.906667-13.198222 79.371378-23.1424a329.090844 329.090844 0 0 0 119.034311-82.670933c28.103111-31.402667 47.945956-66.127644 59.528534-105.813333 4.960711-18.181689 8.260267-36.363378 9.921422-54.545067 3.299556-43.008-4.960711-84.332089-23.165156-124.017778a48.082489 48.082489 0 0 0-4.391822-10.831644l-3.868444-7.350045a1.820444 1.820444 0 0 0-0.250312-0.978489l-1.137777-1.342577-0.273067-0.978489c-1.6384 1.2288-3.413333 2.366578-5.211022 3.458844l-11.0592 6.303289-5.233778 3.458845c-100.829867 59.528533-200.021333 119.034311-300.896711 178.562844-18.181689 11.582578-36.363378 23.1424-56.206222 33.063822a33.336889 33.336889 0 0 1-18.181689 4.960711c-9.921422 1.661156-18.204444-3.299556-23.1424-14.882133-16.543289-39.685689-33.063822-77.710222-49.607111-117.373156-3.299556-8.283022-4.960711-16.543289-6.599111-24.803555v-1.661156c0-9.921422 4.937956-13.220978 13.198222-8.260266l16.452266 10.831644c3.413333 2.321067 6.712889 4.7104 10.012445 7.350045 13.220978 8.260267 24.803556 16.543289 38.024533 24.803555 16.543289 9.921422 34.724978 11.559822 52.906667 3.299556 92.615111-41.324089 185.184711-84.309333 277.777067-127.294578 13.198222-4.960711 26.441956-11.582578 39.662933-18.204445a1.820444 1.820444 0 0 0 0.978489-0.227555l1.365333-1.137778 0.978489-0.273067c-4.960711-4.960711-8.283022-9.921422-13.243733-14.882133-38.001778-39.685689-82.648178-67.7888-133.916445-85.970489l-9.102222-3.345066a295.844978 295.844978 0 0 0-53.703111-13.198223z" fill="#15BA12" p-id="7147"></path></svg>
\ No newline at end of file
diff --git a/src/views/payment/channel/config/ChannelPayConfigList.vue b/src/views/payment/channel/config/ChannelPayConfigList.vue
index ac27d8027..dcfb631c5 100644
--- a/src/views/payment/channel/config/ChannelPayConfigList.vue
+++ b/src/views/payment/channel/config/ChannelPayConfigList.vue
@@ -4,16 +4,16 @@
       <a-spin :spinning="confirmLoading">
         <a-list style="margin-left: 20px" :grid="{ gutter: 16, xs: 1, sm: 2, md: 3, lg: 4, xl: 5, xxl: 6 }" :data-source="channelConfigs">
           <template #renderItem="{ item }">
-            <a-card hoverable style="max-width: 200px; margin-bottom: 50px" @click="setting(item)">
+            <a-card hoverable style="max-width: 200px; margin-bottom: 20px" @click="setting(item)">
               <template #cover>
                 <a-image
-                  style="width: 200px; height: 200px"
+                  style="width: 150px; height: 150px; margin-left: 25px"
                   :preview="false"
-                  :src="urlPrefix + String(item?.iconId)"
+                  :src="getIcon(item.code)"
                   :fallback="fallbackImg"
                 />
               </template>
-              <a-card-meta :title="item.name" />
+              <a-card-meta style="display: flex; justify-content: space-between" :title="item.name" />
             </a-card>
           </template>
         </a-list>
@@ -25,14 +25,17 @@
 
 <script setup lang="ts">
   import { $ref } from 'vue/macros'
-  import { getFilePreviewUrlPrefix } from '/@/api/common/FileUpload'
   import { findAll, PayChannelConfig } from '/@/views/payment/system/channel/ChannelConfig.api'
   import ChannelPayConfigEdit from '/@/views/payment/channel/config/ChannelPayConfigEdit.vue'
   import { onMounted } from 'vue'
+  import alipay from '/@/assets/payment/alipay.svg'
+  import wechat from '/@/assets/payment/wechat.svg'
+  import unionPay from '/@/assets/payment/unionPay.svg'
+  import wallet from '/@/assets/payment/wallet.svg'
+  import { payChannelEnum } from '/@/enums/payment/payChannelEnum'
 
   let confirmLoading = $ref(false)
   let channelConfigs = $ref<PayChannelConfig[]>([])
-  let urlPrefix = $ref<string>()
 
   const channelPayConfigEdit = $ref<any>()
 
@@ -49,9 +52,6 @@
    */
   async function init() {
     confirmLoading = true
-    // 图片地址前缀
-    const urlPrefixResult = await getFilePreviewUrlPrefix()
-    urlPrefix = urlPrefixResult.data
     // 列表信息
     const configResults = await findAll()
     channelConfigs = configResults.data
@@ -64,6 +64,24 @@
   function setting(record: PayChannelConfig) {
     channelPayConfigEdit.show(record)
   }
+
+  /**
+   * 获取icon
+   */
+  function getIcon(type: string) {
+    switch (type) {
+      case payChannelEnum.ALI:
+        return alipay
+      case payChannelEnum.WECHAT:
+        return wechat
+      case payChannelEnum.UNION_PAY:
+        return unionPay
+      case payChannelEnum.WALLET:
+        return wallet
+      default:
+        return ''
+    }
+  }
 </script>
 
 <style scoped lang="less"></style>
diff --git a/src/views/payment/system/api/PayApiConfigList.vue b/src/views/payment/system/api/PayApiConfigList.vue
index 291562ca6..1a63f7fad 100644
--- a/src/views/payment/system/api/PayApiConfigList.vue
+++ b/src/views/payment/system/api/PayApiConfigList.vue
@@ -4,15 +4,15 @@
       <vxe-toolbar ref="xToolbar" custom :refresh="{ query: queryPage }" />
       <vxe-table row-id="id" ref="xTable" :data="records" :loading="loading">
         <vxe-column type="seq" width="60" />
-        <vxe-column field="name" title="名称" :min-width="170" />
         <vxe-column field="code" title="编码" :min-width="170" />
-        <vxe-column field="api" title="接口地址" :min-width="280" />
-        <vxe-column field="remark" title="备注" :min-width="280" />
-        <vxe-column field="enable" title="启用接口" fixed="right" :width="80">
+        <vxe-column field="enable" title="启用接口" :width="80">
           <template #default="{ row }">
             <a-switch checked-children="启用" un-checked-children="停用" v-model:checked="row.enable" @change="edit(row)" />
           </template>
         </vxe-column>
+        <vxe-column field="name" title="名称" :min-width="170" />
+        <vxe-column field="api" title="接口地址" :min-width="280" />
+        <vxe-column field="remark" title="备注" :min-width="280" />
       </vxe-table>
     </div>
   </div>
diff --git a/src/views/payment/system/channel/PayChannelConfigEdit.vue b/src/views/payment/system/channel/PayChannelConfigEdit.vue
index cbedca0fb..60a19d82d 100644
--- a/src/views/payment/system/channel/PayChannelConfigEdit.vue
+++ b/src/views/payment/system/channel/PayChannelConfigEdit.vue
@@ -26,36 +26,6 @@
         <a-form-item label="通道名称" name="name">
           <span>{{ form.name }}</span>
         </a-form-item>
-        <a-form-item name="iconId">
-          <template #label>
-            <basic-title helpMessage="推荐使用200*200等比例的图片">logo图</basic-title>
-          </template>
-          <a-input v-model:value="form.iconId" v-show="false" />
-          <a-form-item-rest>
-            <a-upload
-              v-if="!showable"
-              name="file"
-              :multiple="false"
-              :action="uploadAction"
-              :headers="tokenHeader"
-              :showUploadList="false"
-              @change="handleChange"
-            >
-              <a-button preIcon="ant-design:cloud-upload-outlined" type="primary"> 上传图片 </a-button>
-            </a-upload>
-            <template v-if="showable && !form.iconId">
-              <a-button disabled preIcon="ant-design:cloud-upload-outlined" type="primary"> 上传图片 </a-button>
-            </template>
-          </a-form-item-rest>
-          <a-form-item-rest v-if="form.iconId">
-            <div style="margin-top: 15px">
-              <a-image :src="urlPrefix + form.iconId" />
-            </div>
-          </a-form-item-rest>
-        </a-form-item>
-<!--        <a-form-item label="背景颜色" name="bgColor">-->
-<!--          <a-input placeholder="请输入描述" v-model:value="form.bgColor" />-->
-<!--        </a-form-item>-->
         <a-form-item label="备注" name="remark">
           <a-textarea :disabled="showable" placeholder="请输入备注" v-model:value="form.remark" />
         </a-form-item>
@@ -72,38 +42,28 @@
 
 <script setup lang="ts">
   import useFormEdit from '/@/hooks/bootx/useFormEdit'
-  import { useValidate } from '/@/hooks/bootx/useValidate'
-  import { useUpload } from '/@/hooks/bootx/useUpload'
   import { useMessage } from '/@/hooks/web/useMessage'
   import { nextTick } from 'vue'
   import { FormInstance } from 'ant-design-vue/lib/form'
   import { get, PayChannelConfig, update } from './ChannelConfig.api'
   import { FormEditType } from '/@/enums/formTypeEnum'
-  import { getFilePreviewUrlPrefix } from '/@/api/common/FileUpload'
   import { BasicModal } from '/@/components/Modal'
-  import BasicTitle from "/@/components/Basic/src/BasicTitle.vue";
 
   const {
     initFormEditType,
     handleCancel,
-    search,
     labelCol,
     wrapperCol,
     modalWidth,
     title,
     confirmLoading,
     visible,
-    editable,
     showable,
-    formEditType,
   } = useFormEdit()
-  const { existsByServer } = useValidate()
-  const { tokenHeader, uploadAction } = useUpload('/file/upload')
   const { createMessage } = useMessage()
 
   // 表单
   const formRef = $ref<FormInstance>()
-  let urlPrefix = $ref<string>()
   let form = $ref<PayChannelConfig>({
     code: '',
     name: '',
@@ -114,19 +74,10 @@
   // 入口
   function init(id, editType: FormEditType) {
     initFormEditType(editType)
-    initData()
     resetForm()
     getInfo(id)
   }
 
-  /**
-   * 初始化数据
-   */
-  async function initData() {
-    const result = await getFilePreviewUrlPrefix()
-    urlPrefix = result.data
-  }
-
   // 获取信息
   function getInfo(id) {
     confirmLoading.value = true
@@ -146,24 +97,6 @@
     })
   }
 
-  /**
-   * 文件上传
-   */
-  function handleChange(info) {
-    // 上传完毕
-    if (info.file.status === 'done') {
-      const res = info.file.response
-      if (!res.code) {
-        form.iconId = res.data.id
-        createMessage.success(`${info.file.name} 上传成功!`)
-      } else {
-        createMessage.error(`${res.msg}`)
-      }
-    } else if (info.file.status === 'error') {
-      createMessage.error('上传失败')
-    }
-  }
-
   // 重置表单
   function resetForm() {
     nextTick(() => {
diff --git a/src/views/payment/system/channel/PayChannelConfigList.vue b/src/views/payment/system/channel/PayChannelConfigList.vue
index 5fb2afa2e..7d15fbdab 100644
--- a/src/views/payment/system/channel/PayChannelConfigList.vue
+++ b/src/views/payment/system/channel/PayChannelConfigList.vue
@@ -6,11 +6,6 @@
         <vxe-column type="seq" width="60" />
         <vxe-column field="code" title="通道编码" />
         <vxe-column field="name" title="支付通道名称" />
-        <vxe-column field="image" title="图片" width="60">
-          <template #default="{ row }">
-            <a-image :src="urlPrefix + row.iconId" :fallback="fallbackImg" :width="35" />
-          </template>
-        </vxe-column>
         <vxe-column field="remark" title="备注" />
         <vxe-column fixed="right" width="100" :showOverflow="false" title="操作">
           <template #default="{ row }">
@@ -34,7 +29,6 @@
   import useTablePage from '/@/hooks/bootx/useTablePage'
   import { findAll, PayChannelConfig } from './ChannelConfig.api'
   import { onMounted } from 'vue'
-  import { getFilePreviewUrlPrefix } from '/@/api/common/FileUpload'
   import { FormEditType } from '/@/enums/formTypeEnum'
   import { $ref } from 'vue/macros'
   import PayChannelConfigEdit from './PayChannelConfigEdit.vue'
@@ -43,33 +37,20 @@
   const { loading } = useTablePage(queryPage)
   const { notification, createMessage, createConfirm } = useMessage()
 
-  const fallbackImg =
-    'data:image/png;base64,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'
-
   const xTable = $ref<VxeTableInstance>()
   const xToolbar = $ref<VxeToolbarInstance>()
   const payChannelConfigEdit = $ref<any>()
 
-  let urlPrefix = $ref<string>()
   let records = $ref<PayChannelConfig[]>([])
 
   onMounted(() => {
     vxeBind()
-    initData()
     queryPage()
   })
   function vxeBind() {
     xTable?.connect(xToolbar as VxeToolbarInstance)
   }
 
-  /**
-   * 初始化数据
-   */
-  async function initData() {
-    const result = await getFilePreviewUrlPrefix()
-    urlPrefix = result.data
-  }
-
   /**
    * 数据查询
    */