🐞 fix:

Merge branch 'develop' into feature/pc端
✨ feat:
2024-07-01 19:01:47 +08:00 · 2024-07-01 17:02:08 +08:00 · 2024-07-01 15:18:09 +08:00 · 2024-06-28 20:13:46 +08:00 · 2024-06-28 18:00:45 +08:00 · 2024-06-28 13:56:17 +08:00
33 changed files with 1239 additions and 830 deletions
--- a/.env.production
+++ b/.env.production
@ -1,6 +1,12 @@
-VITE_BASE_URL=/
-VITE_BASE_API_URL=/dev
+###
+ # @LastEditors: John
+ # @Date: 2024-06-26 15:04:10
+ # @LastEditTime: 2024-07-01 15:13:11
+ # @Author: John
+### 
+VITE_BASE_URL=https://www.nodeai.world
+VITE_BASE_API_URL=https://www.nodeai.world/api
 VITE_PARTICIPATE_CHAIN_ID=56
-VITE_PURCHASED_CONTRACT_ADDRESS=
-VITE_NETWORK_USDT_ADDRESS=
+VITE_PURCHASED_CONTRACT_ADDRESS=0x17c38AaF564716A3D9dD4EBE7Fb5db2D43c6A834
+VITE_NETWORK_USDT_ADDRESS=0x55d398326f99059fF775485246999027B3197955
 VITE_CHECK_TRANSACTION_DETAILS_URL=https://bscscan.com/
--- a/.yarn/install-state.gz
+++ b/.yarn/install-state.gz
--- a/nodeai.worid.crt
+++ b/nodeai.worid.crt
@ -0,0 +1,100 @@
+-----BEGIN CERTIFICATE-----
+MIIFuTCCBKGgAwIBAgIRAM0x4XaWUXTydUUUUxaKx6swDQYJKoZIhvcNAQELBQAw
+gY8xCzAJBgNVBAYTAkdCMRswGQYDVQQIExJHcmVhdGVyIE1hbmNoZXN0ZXIxEDAO
+BgNVBAcTB1NhbGZvcmQxGDAWBgNVBAoTD1NlY3RpZ28gTGltaXRlZDE3MDUGA1UE
+AxMuU2VjdGlnbyBSU0EgRG9tYWluIFZhbGlkYXRpb24gU2VjdXJlIFNlcnZlciBD
+QTAeFw0yNDA2MjgwMDAwMDBaFw0yNDA5MjYyMzU5NTlaMBcxFTATBgNVBAMTDG5v
+ZGVhaS53b3JsZDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAJ699oW5
+ui84v8H0mCdkfvLMT8oNOuHok1swS9qVPATsG+nunCFNJ4MWIkjWjRdYHIAMKkSh
+hwVnXrTnAQBSnijODJEm4XvTlC7iX3GqMoFZzH4HO635bKQUKQ4IS/W4iBTgVNP/
+jPV9q+uiHdGYw32IdAcvMBybJZK6hu6hHCPzavb/OlaLnP5QmVDhkyuGTkXPnZNn
+Q3S5BtKX4nYTDa+7xk+641xjkUjQPMXnBCkv0lLrBE1UxYW2ydtoIBk0G4y6PkLN
+0HFDSDU2HRkq9HCl3YcKykwePbOdOUrIxlVaIz5SvXX+1uKMlSl3zSFrK2ML4R6A
+MyEtd2NolWvwVusCAwEAAaOCAoUwggKBMB8GA1UdIwQYMBaAFI2MXsRUrYrhd+mb
+ZsF4bgBjWHhMB0GA1UdDgQWBBQt2UCT9yi00+7Qbr/oqhwkYPjjRjAOBgNVHQ8B
+Af8EBAMCBaAwDAYDVR0TAQH/BAIwADAdBgNVHSUEFjAUBggrBgEFBQcDAQYIKwYB
+BQUHAwIwSQYDVR0gBEIwQDA0BgsrBgEEAbIxAQICBzAlMCMGCCsGAQUFBwIBFhdo
+dHRwczovL3NlY3RpZ28uY29tL0NQUzAIBgZngQwBAgEwgYQGCCsGAQUFBwEBBHgw
+djBPBggrBgEFBQcwAoZDaHR0cDovL2NydC5zZWN0aWdvLmNvbS9TZWN0aWdvUlNB
+RG9tYWluVmFsaWRhdGlvblNlY3VyZVNlcnZlckNBLmNydDAjBggrBgEFBQcwAYYX
+aHR0cDovL29jc3Auc2VjdGlnby5jb20wKQYDVR0RBCIwIIIMbm9kZWFpLndvcmxk
+ghB3d3cubm9kZWFpLndvcmxkMIIBAwYKKwYBBAHWeQIEAgSB9ASB8QDvAHUAdv+I
+Pwq2+5VRwmHM9Ye6NLSkzbsp3GhCCp/mZ0xaOnQAAAGQXkQx7gAABAMARjBEAiAv
+rU66TNkQIw0xeWnoVyki3czMgJqHhfcG5lFaFDHA6wIgbxtFc6uJ8ihs/uZNgOoZ
+22/smxhg0Wdn85rSr/WYcVUAdgA/F0tP1yJHWJQdZRyEvg0S7ZA3fx+FauvBvyiF
+7PhkbgAAAZBeRDGHAAAEAwBHMEUCIHcG7OuFdpyy8dxRRw0YdO9AopeQhr07FOLo
+3iZZhZzvAiEAxjpBbU1mqMTKa4M5kCmrVwsPbzSBxWErPh14O8FB0ZIwDQYJKoZI
+hvcNAQELBQADggEBADdlHwQL8rHTaoMbYEy5HwyWSgts02h6evh0sK37XCQt1ZGR
+mH/Y8VBOipCKmjATrUagM70x7cD9qOANVSjeqa68i2rplSisKIAJrHbJ2vp0ef6j
+ZkdwOoWRQMZ/8xc9TMfnxQ/AlPPlXL39Z77k1uhTGUgLdng7z2QPYJB6/X/+UkE+
+r2ADKfvCeSe9Y/5lZFi+QknGNxukwvkoeZJDzFPz8LZrRsX0Ke3HfEnx21kFsOnH
+w3ybLJruUwb5XySkgiHgr2ZGZe101g9zEVQhgCbHp+b7FpTNCBHTAZZmaVFCQ1s9
+HY3AZ+OU0GYeApMkXgjxVLuDuxyAAjkeAQRfYuY=
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIGEzCCA/ugAwIBAgIQfVtRJrR2uhHbdBYLvFMNpzANBgkqhkiG9w0BAQwFADCB
+iDELMAkGA1UEBhMCVVMxEzARBgNVBAgTCk5ldyBKZXJzZXkxFDASBgNVBAcTC0pl
+cnNleSBDaXR5MR4wHAYDVQQKExVUaGUgVVNFUlRSVVNUIE5ldHdvcmsxLjAsBgNV
+BAMTJVVTRVJUcnVzdCBSU0EgQ2VydGlmaWNhdGlvbiBBdXRob3JpdHkwHhcNMTgx
+MTAyMDAwMDAwWhcNMzAxMjMxMjM1OTU5WjCBjzELMAkGA1UEBhMCR0IxGzAZBgNV
+BAgTEkdyZWF0ZXIgTWFuY2hlc3RlcjEQMA4GA1UEBxMHU2FsZm9yZDEYMBYGA1UE
+ChMPU2VjdGlnbyBMaW1pdGVkMTcwNQYDVQQDEy5TZWN0aWdvIFJTQSBEb21haW4g
+VmFsaWRhdGlvbiBTZWN1cmUgU2VydmVyIENBMIIBIjANBgkqhkiG9w0BAQEFAAOC
+AQ8AMIIBCgKCAQEA1nMz1tc8INAA0hdFuNY+B6I/x0HuMjDJsGz99J/LEpgPLT+N
+TQEMgg8Xf2Iu6bhIefsWg06t1zIlk7cHv7lQP6lMw0Aq6Tn/2YHKHxYyQdqAJrkj
+eocgHuP/IJo8lURvh3UGkEC0MpMWCRAIIz7S3YcPb11RFGoKacVPAXJpz9OTTG0E
+oKMbgn6xmrntxZ7FN3ifmgg0+1YuWMQJDgZkW7w33PGfKGioVrCSo1yfu4iYCBsk
+Haswha6vsC6eep3BwEIc4gLw6uBK0u+QDrTBQBbwb4VCSmT3pDCg/r8uoydajotY
+uK3DGReEY+1vVv2Dy2A0xHS+5p3b4eTlygxfFQIDAQABo4IBbjCCAWowHwYDVR0j
+BBgwFoAUU3m/WqorSs9UgOHYm8Cd8rIDZsswHQYDVR0OBBYEFI2MXsRUrYrhd+mb
+ZsF4bgBjWHhMA4GA1UdDwEB/wQEAwIBhjASBgNVHRMBAf8ECDAGAQH/AgEAMB0G
+A1UdJQQWMBQGCCsGAQUFBwMBBggrBgEFBQcDAjAbBgNVHSAEFDASMAYGBFUdIAAw
+CAYGZ4EMAQIBMFAGA1UdHwRJMEcwRaBDoEGGP2h0dHA6Ly9jcmwudXNlcnRydXN0
+LmNvbS9VU0VSVHJ1c3RSU0FDZXJ0aWZpY2F0aW9uQXV0aG9yaXR5LmNybDB2Bggr
+BgEFBQcBAQRqMGgwPwYIKwYBBQUHMAKGM2h0dHA6Ly9jcnQudXNlcnRydXN0LmNv
+bS9VU0VSVHJ1c3RSU0FBZGRUcnVzdENBLmNydDAlBggrBgEFBQcwAYYZaHR0cDov
+L29jc3AudXNlcnRydXN0LmNvbTANBgkqhkiG9w0BAQwFAAOCAgEAMr9hvQ5Iw0/H
+ukdN+Jx4GQHcEx2Ab/zDcLRSmjEzmldS+zGea6TvVKqJjUAXaPgREHzSyrHxVYbH
+7rM2kYb2OVG/Rr8PoLq0935JxCo2F57kaDl6r5ROVm+yezu/Coa9zcV3HAO4OLGi
+H19+24rcRki2aArPsrW04jTkZ6k4Zgle0rj8nSg6F0AnwnJOKf0hPHzPE/uWLMUx
+RP0T7dWbqWlod3zu4f+k+TY4CFM5ooQ0nBnzvg6s1SQ36yOoeNDT5++SR2RiOSLv
+xvcRviKFxmZEJCaOEDKNyJOuB56DPi/Z+fVGjmO+wea03KbNIaiGCpXZLoUmGv38
+sbZXQm2V0TP2ORQGgkE49Y9Y3IBbpNV9lXj9p5v//cWoaasm56ekBYdbqbe4oyAL
+l6lFhd2zi+WJN44pDfwGF/Y4QA5C5BIG+3vzxhFoYt/jmPQT2BVPi7Fp2RBgvGQq
+6jG35LWjOhSbJuMLe/0CjraZwTiXWTb2qHSihrZe68Zk6s+go/lunrotEbaGmAhY
+LcmsJWTyXnW0OMGuf1pGg+pRyrbxmRE1a6Vqe8YAsOf4vmSyrcjC8azjUeqkk+B5
+yOGBQMkKW+ESPMFgKuOXwIlCypTPRpgSabuY0MLTDXJLR27lk8QyKGOHQ+SwMj4K
+00u/I5sUKUErmgQfky3xxzlIPK1aEn8=
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIFgTCCBGmgAwIBAgIQOXJEOvkit1HX02wQ3TE1lTANBgkqhkiG9w0BAQwFADB7
+MQswCQYDVQQGEwJHQjEbMBkGA1UECAwSR3JlYXRlciBNYW5jaGVzdGVyMRAwDgYD
+VQQHDAdTYWxmb3JkMRowGAYDVQQKDBFDb21vZG8gQ0EgTGltaXRlZDEhMB8GA1UE
+AwwYQUFBIENlcnRpZmljYXRlIFNlcnZpY2VzMB4XDTE5MDMxMjAwMDAwMFoXDTI4
+MTIzMTIzNTk1OVowgYgxCzAJBgNVBAYTAlVTMRMwEQYDVQQIEwpOZXcgSmVyc2V5
+MRQwEgYDVQQHEwtKZXJzZXkgQ2l0eTEeMBwGA1UEChMVVGhlIFVTRVJUUlVTVCBO
+ZXR3b3JrMS4wLAYDVQQDEyVVU0VSVHJ1c3QgUlNBIENlcnRpZmljYXRpb24gQXV0
+aG9yaXR5MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEAgBJlFzYOw9sI
+s9CsVw127c0n00ytUINh4qogTQktZAnczomfzD2p7PbPwdzx07HWezcoEStH2jnG
+vDoZtF+mvX2do2NCtnbyqTsrkfjib9DsFiCQCT7i6HTJGLSR1GJk23+jBvGIGGqQ
+Ijy8/hPwhxR79uQfjtTkUcYRZ0YIUcuGFFQ/vDP+fmyc/xadGL1RjjWmp2bIcmfb
+IWax1Jt4A8BQOujM8Ny8nkz+rwWWNR9XWrf/zvk9tyy29lTdyOcSOk2uTIq3XJq0
+tyA9yn8iNK5+O2hmAUTnAU5GU5szYPeUvlM3kHND8zLDU+/bqv50TmnHa4xgk97E
+xwzf4TKuzJM7UXiVZ4vuPVb+DNBpDxsP8yUmazNt925H+nND5X4OpWaxKXwyhGNV
+icQNwZNUMBkTrNN9N6frXTpsNVzbQdcS2qlJC9/YgIoJk2KOtWbPJYjNhLixP6Q5
+D9kCnusSTJV882sFqV4Wg8y4Z+LoE53MW4LTTLPtW//e5XOsIzstAL81VXQJSdhJ
+WBp/kjbmUZIO8yZ9HE0XvMnsQybQv0FfQKlERPSZ51eHnlAfV1SoPv10Yy+xUGUJ
+5lhCLkMaTLTwJUdZ+gQek9QmRkpQgbLevni3/GcV4clXhB4PY9bpYrrWX1Uu6lzG
+KAgEJTm4Diup8kyXHAc/DVL17e8vgg8CAwEAAaOB8jCB7zAfBgNVHSMEGDAWgBSg
+EQojPpbxB+zirynvgqV/0DCktDAdBgNVHQ4EFgQUU3m/WqorSs9UgOHYm8Cd8rID
+ZsswDgYDVR0PAQH/BAQDAgGGMA8GA1UdEwEB/wQFMAMBAf8wEQYDVR0gBAowCDAG
+BgRVHSAAMEMGA1UdHwQ8MDowOKA2oDSGMmh0dHA6Ly9jcmwuY29tb2RvY2EuY29t
+L0FBQUNlcnRpZmljYXRlU2VydmljZXMuY3JsMDQGCCsGAQUFBwEBBCgwJjAkBggr
+BgEFBQcwAYYYaHR0cDovL29jc3AuY29tb2RvY2EuY29tMA0GCSqGSIb3DQEBDAUA
+A4IBAQAYh1HcdCE9nIrgJ7cz0C7M7PDmy14R3iJvm3WOnnL+5Nb+qh+cli3vA0p+
+rvSNb3I8QzvAP+u431yqqcau8vzY7qN7Q/aGNnwU4M309z/+3ri0ivCRlv79Q2R+
+/czSAaF9ffgZGclCKxO/WIu6pKJmBHaIkU4MiRTOok3JMrO66BQavHHxW/BBC5gA
+CiIDEOUMsfnNkjcZ7Tvx5Dq2+UUTJnWvu6rvP3t3O9LEApE9GQDTF1w52z97GA1F
+zZOFli9d31kWTz9RvdVFGD/tSo7oBmF0Ixa1DVBzJ0RHfxBdiSprhTEUxOipakyA
+vGp4z7h/jnZymQyd/teRCBaho1+V
+-----END CERTIFICATE-----
--- a/nodeai.worid.key
+++ b/nodeai.worid.key
@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQClZYi6pLHxz6G9
+MSxUpeD44ADWJQ37QsA+fSZLURUkN7Vq8o7dafbgxLTveUcbrWhXlaU92+rQ7Z2Z
+svBQ8NcmnQOSFuTzNMfvrGK7nr9PxwLdAvQmdkKZvCeMdVrZFKK5BMX0i3cvmbEp
+td6mhs5BaJW5aNSZH9/qfCBLRcBm5dTNlKJB8e2m4b6Ib7aQ29ZtbD77F+tfXy2W
+eH4p2EtbkaSd2qv6CGn79rQsA/16LjA5GnLhFiYej37RKgEWNGBGbkmYoJznFVy
+JUrZJCTcKLnJQJObzzcto2t93unOXYP4Tpyru0eQpDOqNwx31oNdM9lVZ3vfE4xc
+aJ1vOOV3AgMBAAECggEAMKNlrIFvRM2K4jCaOUBYosd454CZFnkgQKAcCU0MWwy4
+4Hz5D1qwe5PNI5k2FIkPpKYApGrOKGegD4lkC2Fv286TtLvf0zeDzlMS69q4ptS+
+3lCWjNL9Lel7dd4y+6CKY79oGUyEHa7kPwBZO/5rnCeN1CrkTi1l8zZSZuBZvshB
+mh1wRXD4gAtl+kpqhWyiTbZPDnd98ngaO8QTyKthAqugjnbI+BZgD7nYQQ2NM6ia
+eeLFls6k6/IFWHwcanZ1+aD8lBtRdBHgfcw4wCN/tJxdeqyZnq+Ptegz84Vj4em
+FCpiRlA6DM0WpI+GkRcUDTaU1UAF5WSOtC9BnSpa2QKBgQDSBkI1V86Ix4L8ZofY
+BTfotTSuJPoLkxMXoEXb86H+Er9db6TnsAhUTyhD7mnbF8XF76txEZs3ytvhXHq0
+g10Ls+8jlNsqXW1ar4TeVHcDJNXLMl3L2gM7nZ0Dw7ET1AxR/L2+w9LjMA3E6q2H
+P9238pzjDjOBv8lRjGJMTFBvKQKBgQDJmlaEpzpJ0jbqR0C3YdRZcQmkazTXiwXl
+Ee+tdsvBdDd3IcgcpBwGrPaISy5CnO6VnaFkB28Hsvl0SDV1+60fdaOELSmmahKd
+nYmSeO2YUQtYXy/6V/l3yST0VlL76byrAGNfa75HlDlgyRyz8oMfquzMGzYIs539
+/gt1z+9jnwKBgQCgJnGaJ4iwOCKjwLNZgDEv2+191WhuJwpp+6cJn/Aow7b00stW
+eJ8BWxMDKevCS5Bd7PI4WAqaMrAUWuaee4UaBW0XHs04suFOQ4T33EScOxxjw9ZO
+OcI5VWiDlFeVHR7/7c/qhXxsDRqSy7ji50p0mCYV5aBVEh+7dWcHczHqcQKBgHOc
+lYcHG28gJSve5qcDbDJKl5v5etksuZmu2oLggGKVUgV4kviRyByv7cUlUAcVVeDo
+/5eMh8ijg1iC3F2nkZVb8gSnnZ34cGqA4FbmEGLr/xSTqcDn2IEwEYgpRPeACBkM
+ZPBgqkMEJo9xZYtwRG/RpnA6HpeI4c65dDsAnqjDAoGAQta9vNa9KH8fpEK3DCVV
+JSOi0HNw6jgwi1KVN3uD3g1t9KTMKugjKn+NT1wNW/aovYLkEe1VtlDvPzmen/5Y
+scmamazk1+s9dbRDfPXfqL1xN2tX7EpMkfiCCpqD38013eHddC6JXpUuOkmrANfc
+S5y9cEj8j6Waya5kNuQqSVs=
+-----END PRIVATE KEY-----
--- a/nodeai.worid.pem
+++ b/nodeai.worid.pem
@ -0,0 +1,27 @@
+-----BEGIN CERTIFICATE-----
+MIIEpDCCA4ygAwIBAgIUIiGxxZFFYK/IksW5bUol8GS6ak8wDQYJKoZIhvcNAQEL
+BQAwgYsxCzAJBgNVBAYTAlVTMRkwFwYDVQQKExBDbG91ZEZsYXJlLCBJbmMuMTQw
+MgYDVQQLEytDbG91ZEZsYXJlIE9yaWdpbiBTU0wgQ2VydGlmaWNhdGUgQXV0aG9y
+aXR5MRYwFAYDVQQHEw1TYW4gRnJhbmNpc2NvMRMwEQYDVQQIEwpDYWxpZm9ybmlh
+MB4XDTI0MDYzMDE1MzUwMFoXDTM5MDYyNzE1MzUwMFowYjEZMBcGA1UEChMQQ2xv
+dWRGbGFyZSwgSW5jLjEdMBsGA1UECxMUQ2xvdWRGbGFyZSBPcmlnaW4gQ0ExJjAk
+BgNVBAMTHUNsb3VkRmxhcmUgT3JpZ2luIENlcnRpZmljYXRlMIIBIjANBgkqhkiG
+9w0BAQEFAAOCAQ8AMIIBCgKCAQEApWWIuqSx8c+hvTEsVKXg+OAA1iUN+0LAPn0m
+S1EVJDe1avKO3Wn24MS073lHG61oV5WlPdvq0O2dmbLwUPDXJp0Dkhbk8zTH76xi
+u56/T8cC3QL0JnZCmbwnjHVa2RSiuQTF9It3L5mxKbXepobOQWiVuWjUmR/f6nwg
+S0XAZuXUzZSiQfHtpuG+iG+2kNvWbWw++xfrX18tlvnh+KdhLW5Gkndqr+ghp+/a
+0LAP9ei4wORpy4RYmHo9+0SoBFjRgRm5JmKCc5xVciVK2SQk3Ci5yUCTm883LaNr
+fd7pzl2D+E6cq7tHkKQzqjcMd9aDXTPZVWd73xOMXGidbzjldwIDAQABo4IBJjCC
+ASIwDgYDVR0PAQH/BAQDAgWgMB0GA1UdJQQWMBQGCCsGAQUFBwMCBggrBgEFBQcD
+ATAMBgNVHRMBAf8EAjAAMB0GA1UdDgQWBBQVW93wA7aT2uzpVH9qaHLNcgM1mDAf
+BgNVHSMEGDAWgBQk6FNXXXw0QIep65TbuuEWePwppDBABggrBgEFBQcBAQQ0MDIw
+MAYIKwYBBQUHMAGGJGh0dHA6Ly9vY3NwLmNsb3VkZmxhcmUuY29tL29yaWdpbl9j
+YTAnBgNVHREEIDAegg4qLm5vZGVhaS53b3JsZIIMbm9kZWFpLndvcmxkMDgGA1Ud
+HwQxMC8wLaAroCmGJ2h0dHA6Ly9jcmwuY2xvdWRmbGFyZS5jb20vb3JpZ2luX2Nh
+LmNybDANBgkqhkiG9w0BAQsFAAOCAQEAGISJxOYxuAAXapVJxU5vP2rt61xH1vC8
+UEUSD7u3WUoULJIZt3pHyfUI6twxHlXttlFWEq3aogrpuGlv76OCXILNy5B4Xkx8
+OR47xvO5EClDdVJb9a5hET6iJn9UXR9UrSiuzZAE0HEOK1t3KEJOFh0/39sDqwTn
+pJ49DjiVA7TvvJgUljjnumf40I1F6apuZbdnW03VHr3WsBkPE/wv+ZEBxwRTZaLB
+1BakIMguI8tnSSReAf4O+oOwIAgz0OwT18d/xc4O8hhkitdfUnON03KZLEK26J1r
+KQ+8PPhMBKVjsPTM9li8vAWSq8Cc3GxoNnvOeV/u1NXnxfD+X6vBwA==
+-----END CERTIFICATE-----
--- a/nodeai.world.conf
+++ b/nodeai.world.conf
@ -0,0 +1,59 @@
+server {
+    server_name nodeai.world www.nodeai.world;
+    client_max_body_size    50m;
+    listen *:80;
+    listen *:443 ssl;
+    #ssl on;
+
+    # 静态文件夹和域名对应
+    root /data/nginx/nodeai.world;
+    index index.html index.htm;
+
+    # 日志文件名和域名对应
+    access_log  /data/nginx/logs/nodeai.world.access.log;
+    error_log   /data/nginx/logs/nodeai.world.error.log;
+
+	ssl_certificate  cert/nodeai.worid.pem;
+    ssl_certificate_key  cert/nodeai.worid.key;
+
+    location /upload {
+        root /data/nginx/;
+        index index.html;
+    }
+
+    location /api {
+        proxy_pass              http://127.17.0.1:8102;
+        proxy_headers_hash_max_size             51200;
+        proxy_headers_hash_bucket_size          6400;
+        proxy_set_header        Host            $host;
+        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-For $remote_addr;
+
+        proxy_buffering off;
+
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+    }
+
+    location /api/api {
+        proxy_pass              http://127.17.0.1:8102/api;
+        proxy_headers_hash_max_size             51200;
+        proxy_headers_hash_bucket_size          6400;
+        proxy_set_header        Host            $host;
+        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-For $remote_addr;
+
+        proxy_buffering off;
+
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+    }
+
+    location /zip  {
+      alias /data/nginx/zip/;#此处定义映射文件位置
+      allow all;
+      autoindex on;
+    }
+}
--- a/postcss.config.js
+++ b/postcss.config.js
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-17 18:25:10
- * @LastEditTime: 2024-06-19 16:14:06
+ * @LastEditTime: 2024-06-28 17:46:23
 * @Author: John
 */
 export default {
@ -11,7 +11,7 @@ export default {
      rootValue: 37.5,
      propList: ["*"],
      exclude: (e) => {
-        if (/.*-m\.css$/.test(e) || /.module\.css$/.test(e)) {
+        if (/.*-m\.css$/.test(e) || /.*-m.module\.css$/.test(e)) {
          // console.log(e);
          return false;
        }
--- a/public/favicon.svg
+++ b/public/favicon.svg
@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="46" height="46" viewBox="0 0 46 46"><g><g><g><rect x="0" y="0" width="46" height="46" rx="23" fill="#2DFCFC" fill-opacity="1"/></g><g><ellipse cx="15.29602861404419" cy="18.62433671951294" rx="5.9895710945129395" ry="5.9895710945129395" fill="#000000" fill-opacity="1"/></g><g><path d="M28.716520703125,12.63720703125L14.313720703125,33.363107031249996L22.288390703125,33.363107031249996L36.693520703125,12.63720703125L28.716520703125,12.63720703125Z" fill="#000000" fill-opacity="1"/></g></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="46" height="46" viewBox="0 0 46 46"><g><g><g><rect x="0" y="0" width="46" height="46" rx="23" fill="#EA6D28" fill-opacity="1"/></g><g><ellipse cx="15.29602861404419" cy="18.62433671951294" rx="5.9895710945129395" ry="5.9895710945129395" fill="#000000" fill-opacity="1"/></g><g><path d="M28.716520703125,12.63720703125L14.313720703125,33.363107031249996L22.288390703125,33.363107031249996L36.693520703125,12.63720703125L28.716520703125,12.63720703125Z" fill="#000000" fill-opacity="1"/></g></g></g></svg>
--- a/src/App.css
+++ b/src/App.css
@ -3,7 +3,7 @@ html,
 #root {
  width: 100%;
  height: 100%;
-  background: url("./assets/home_bg.png");
+  background: #fafafb;
 }

@font-face {
--- a/src/App.tsx
+++ b/src/App.tsx
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-17 17:20:03
- * @LastEditTime: 2024-06-26 16:00:00
+ * @LastEditTime: 2024-07-01 16:41:42
 * @Author: John
 */
 import { Route, Routes } from "react-router-dom";
@ -16,7 +16,7 @@ import InvitationList from "./pages/InvitationList";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import useUserStore from "./store/User";
-import { getUrlQueryParam } from "./utils";
+import { getUrlParameterByName, isMobile } from "./utils";
 import { UrlQueryParamsKey } from "./constants";
 import { signAndLogin } from "./utils/wallet";
 import { useAccount } from "wagmi";
@ -26,7 +26,9 @@ function App() {
  const { address } = useAccount();
  useEffect(() => {
    i18n.changeLanguage(currantLang);
-    UpdateInviteCode(getUrlQueryParam(UrlQueryParamsKey.INVITE_CODE) || "");
+    UpdateInviteCode(
+      getUrlParameterByName(UrlQueryParamsKey.INVITE_CODE) || ""
+    );
    return () => {};
  }, []);

@ -45,12 +47,30 @@ function App() {
  return (
    <>
      <RouterLogProvider>
-        <Header />
+        {isMobile ? (
+          <>
+            <Header.Mobile />
            <Routes>
-          <Route path="/" element={<Home />} />
+              <>
+                <Route path="/" element={<Home.Mobile />} />
                <Route path="/mint" element={<Mint />} />
-          <Route path="/invitationlist" element={<InvitationList />}></Route>
+                <Route
+                  path="/invitationlist"
+                  element={<InvitationList />}
+                ></Route>
+              </>
            </Routes>
+          </>
+        ) : (
+          <>
+            <Header.Desktop />
+            <Routes>
+              <>
+                <Route path="/" element={<Home.Desktop />} />
+              </>
+            </Routes>
+          </>
+        )}
      </RouterLogProvider>
    </>
  );
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="46" height="46" viewBox="0 0 46 46"><g><g><g><rect x="0" y="0" width="46" height="46" rx="23" fill="#2DFCFC" fill-opacity="1"/></g><g><ellipse cx="15.29602861404419" cy="18.62433671951294" rx="5.9895710945129395" ry="5.9895710945129395" fill="#000000" fill-opacity="1"/></g><g><path d="M28.716520703125,12.63720703125L14.313720703125,33.363107031249996L22.288390703125,33.363107031249996L36.693520703125,12.63720703125L28.716520703125,12.63720703125Z" fill="#000000" fill-opacity="1"/></g></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="46" height="46" viewBox="0 0 46 46"><g><g><g><rect x="0" y="0" width="46" height="46" rx="23" fill="#EA6D28" fill-opacity="1"/></g><g><ellipse cx="15.29602861404419" cy="18.62433671951294" rx="5.9895710945129395" ry="5.9895710945129395" fill="#000000" fill-opacity="1"/></g><g><path d="M28.716520703125,12.63720703125L14.313720703125,33.363107031249996L22.288390703125,33.363107031249996L36.693520703125,12.63720703125L28.716520703125,12.63720703125Z" fill="#000000" fill-opacity="1"/></g></g></g></svg>
--- a/src/assets/nft_bg.svg
+++ b/src/assets/nft_bg.svg
--- a/src/components/Header-m.module.css
+++ b/src/components/Header-m.module.css
@ -1,17 +1,17 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-18 15:19:21
- * @LastEditTime: 2024-06-18 18:49:40
+ * @LastEditTime: 2024-07-01 14:10:45
 * @Author: John
 */
 .header {
-  background-color: #101010;
+  background-color: #fafafb;
  padding: 0 15px;
  .header_top {
    display: flex;
    align-items: center;
    gap: 8px;
-    border-bottom: 0.25px solid #333333;
+    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0;

    .header_logo {
@ -30,7 +30,7 @@

      font-variation-settings: "opsz" auto;
      font-feature-settings: "kern" on;
-      color: #ffffff;
+      color: #000000;

      z-index: 1;
    }
@ -57,7 +57,7 @@

      font-variation-settings: "opsz" auto;
      font-feature-settings: "kern" on;
-      color: #ffffff;
+      color: #000000;

      z-index: 1;
    }
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-18 15:16:31
- * @LastEditTime: 2024-06-27 15:29:00
+ * @LastEditTime: 2024-07-01 15:19:02
 * @Author: John
 */
 import Picker, {
@ -11,7 +11,7 @@ import Picker, {
 import { useContext, useEffect, useMemo, useState } from "react";
 import IconFont from "./iconfont";
 import logo from "@/assets/logo.svg";
-import classes from "./Header.module.css";
+import classes from "./Header-m.module.css";
 import { useLocation, useNavigate, useNavigation } from "react-router-dom";
 import { RouterLogContext } from "@/context/RouterContext";
 import { useTranslation } from "react-i18next";
@ -27,7 +27,7 @@ const langColums: Action[] = [
  { text: "日本語", key: Lang.jp },
  { text: "DEUTSCH", key: Lang.de },
 ];
-export default function () {
+function Mobile() {
  const { UpdateLang } = useUserStore();

  const route = useContext(RouterLogContext);
@ -70,7 +70,7 @@ export default function () {
            <IconFont
              className={classes.header_nav_icon}
              name="icon_arrow_left"
-              color={"#fff"}
+              color={"#000000"}
            />
            <span>{navTitle}</span>
          </div>
@ -79,3 +79,12 @@ export default function () {
    </>
  );
 }
+
+function Desktop() {
+  return <></>;
+}
+
+export default {
+  Mobile,
+  Desktop,
+};
--- a/src/components/RecordsItem-m.module.css
+++ b/src/components/RecordsItem-m.module.css
--- a/src/components/RecordsItem.tsx
+++ b/src/components/RecordsItem.tsx
@ -1,10 +1,10 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-19 10:49:42
- * @LastEditTime: 2024-06-19 10:52:32
+ * @LastEditTime: 2024-06-28 14:05:45
 * @Author: John
 */
-import classes from "./RecordsItem.module.css";
+import classes from "./RecordsItem-m.module.css";
 export default function RecordsItem({
  itemList,
 }: {
--- a/src/components/WalletProvider.tsx
+++ b/src/components/WalletProvider.tsx
@ -61,7 +61,7 @@ createWeb3Modal({
  wagmiConfig: config,
  projectId,
  themeVariables: {
-    "--w3m-accent": "#2dfcfc",
+    "--w3m-accent": "#EA6D28",
  },
  featuredWalletIds: [
    ...(window.ethereum
--- a/src/i18n/translation/en.json
+++ b/src/i18n/translation/en.json
@ -22,7 +22,7 @@
  "总收益= 已领取 + 待领取": "Total Revenue = Claimed + Pending",
  "邀请": "Invite",
  "邀请链接": "Invite Link",
-  "Invite your friends to become YOTTA nodes and you will get a 20% rebate.": "Invite your friends to become YOTTA nodes and you will get a 20% rebate.",
+  "Invite your friends to become YOTTA nodes and you will get a 10% rebate.": "Invite your friends to become YOTTA nodes and you will get a 10% rebate.",
  "数据披露": "Data Disclosure",
  "资金池": "Fund Pool",
  "社长席位": "Leader Seats",
--- a/src/main.tsx
+++ b/src/main.tsx
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-17 17:20:03
- * @LastEditTime: 2024-06-20 11:43:14
+ * @LastEditTime: 2024-07-01 16:46:07
 * @Author: John
 */
 import "@/i18n/init.ts";
@ -15,9 +15,9 @@ import EventBusProvider from "./context/EventBusContext.tsx";
 import { WalletProvider } from "./components/WalletProvider.tsx";
 import flexible from "./utils/flexible.ts";
 import VConsole from "vconsole";
-import { getUrlQueryParam } from "./utils/index.ts";
+import { getUrlParameterByName } from "./utils/index.ts";

-if (getUrlQueryParam("vconsole") === "1") {
+if (getUrlParameterByName("vconsole") === "1") {
  new VConsole();
 }
 flexible(window, document);
--- a/src/pages/Feature/useHome.ts
+++ b/src/pages/Feature/useHome.ts
@ -0,0 +1,104 @@
+/*
+ * @LastEditors: John
+ * @Date: 2024-06-28 14:09:55
+ * @LastEditTime: 2024-06-28 14:14:29
+ * @Author: John
+ */
+import useUserStore from "@/store/User";
+import { useWeb3Modal } from "@web3modal/wagmi/react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useAccount } from "wagmi";
+import { useNavigate } from "react-router-dom";
+import { Dialog } from "antd-mobile";
+import {
+  api_get_homepage_user_data,
+  api_query_user_invitation_code,
+} from "@/server/api";
+import { UserHomeData } from "@/server/module";
+import { UrlQueryParamsKey } from "@/constants";
+import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
+import { ToastHandler } from "antd-mobile/es/components/toast";
+import { PullStatus } from "antd-mobile/es/components/pull-to-refresh";
+export default function () {
+  const { Token, UpdateToken } = useUserStore();
+  const { open } = useWeb3Modal();
+
+  const { t } = useTranslation();
+  const { address } = useAccount();
+
+  const [tabIndex, setTabIndex] = useState(0);
+  const navigate = useNavigate();
+  const [userData, setUserData] = useState<UserHomeData>();
+  const [inviteCode, setInviteCode] = useState("");
+
+  const userInviteLink = useMemo(
+    () =>
+      `${location.origin}/#/?${UrlQueryParamsKey.INVITE_CODE}=${inviteCode}`,
+    [inviteCode]
+  );
+  const receiveLoadingToast = useRef<ToastHandler>();
+  const {
+    transcationStatus,
+    startPollingCheckBuyStatus,
+    stopPollingCheckBuyStatus,
+  } = usePollingCheckBuyStatus("NORMAL");
+
+  const statusRecord: Record<PullStatus, string> = {
+    pulling: "Pull down to refresh",
+    canRelease: "Release to refresh immediately",
+    refreshing: "Loading...",
+    complete: "Refresh complete",
+  };
+
+  useEffect(() => {
+    if (Token) {
+      getHomeData();
+      getInviteCode();
+    }
+    return () => {};
+  }, [Token]);
+
+  useEffect(() => {
+    if (transcationStatus == "success") {
+      receiveLoadingToast.current?.close();
+      stopPollingCheckBuyStatus();
+      Dialog.alert({
+        content: `${t("领取成功，前往钱包查看")}`,
+        confirmText: "OK",
+      });
+    }
+
+    return () => {};
+  }, [transcationStatus]);
+
+  async function getHomeData() {
+    const { data } = await api_get_homepage_user_data().send({});
+    setUserData(data?.data);
+  }
+
+  async function getInviteCode() {
+    const { data } = await api_query_user_invitation_code().send({});
+    setInviteCode(data?.data.invitationCode || "");
+  }
+
+  useEffect(() => {
+    console.log("user token:", Token);
+
+    return () => {};
+  }, [Token]);
+  return {
+    getHomeData,
+    statusRecord,
+    Token,
+    address,
+    setUserData,
+    userData,
+    tabIndex,
+    t,
+    setTabIndex,
+    navigate,
+    userInviteLink,
+    open,
+  };
+}
--- a/src/pages/Feature/useInvitationList.ts
+++ b/src/pages/Feature/useInvitationList.ts
@ -0,0 +1,41 @@
+import usePagination from "@/hook/usePagination";
+import { api_recommended_list } from "@/server/api";
+import { RecommendedListItem } from "@/server/module";
+import { Empty, InfiniteScroll } from "antd-mobile";
+import DataTable, { TableColumn } from "react-data-table-component";
+import { useTranslation } from "react-i18next";
+
+export default function () {
+  const { t } = useTranslation();
+  const columns: TableColumn<RecommendedListItem>[] = [
+    {
+      name: t("地址"),
+      selector: (row) => row.walletAddress,
+      grow: 9,
+    },
+    {
+      name: "Node",
+      selector: (row) => row.nodeNumber,
+      grow: 1,
+      // @ts-ignore
+      right: "true",
+    },
+  ];
+
+  const { list, hasMore, loadMore } = usePagination<RecommendedListItem>({
+    service({ pageNum, pageSize }) {
+      return new Promise(async (reslove) => {
+        const { data } = await api_recommended_list().send({
+          queryParams: { pageNum, pageSize },
+        });
+        reslove(data?.data.records || []);
+      });
+    },
+  });
+  return {
+    columns,
+    list,
+    loadMore,
+    hasMore,
+  };
+}
--- a/src/pages/Feature/useMint.ts
+++ b/src/pages/Feature/useMint.ts
@ -0,0 +1,118 @@
+import { cn, filterAddressBeforeZero, filterAmountBeforeZero } from "@/utils";
+import classes from "./Mint-m.module.css";
+import nft_bg from "@/assets/nft_bg.svg";
+import Button from "antd-mobile/es/components/button";
+import Space from "antd-mobile/es/components/space";
+import { useTranslation } from "react-i18next";
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  api_get_homepage_user_data,
+  api_get_nft_configuration_data,
+  api_node_order,
+  api_users_cancel_orders,
+} from "@/server/api";
+import {
+  NftConfigurationData,
+  NftOrder,
+  NodeOrder,
+  UserHomeData,
+} from "@/server/module";
+import {
+  authorizedU,
+  getApproveUsdt,
+  getBalance,
+  payByContract,
+} from "@/contract/utils";
+import { Dialog, Modal, Stepper, Toast } from "antd-mobile";
+import useUserStore from "@/store/User";
+import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
+import { ToastHandler } from "antd-mobile/es/components/toast";
+import { BaseError } from "wagmi";
+import { useNavigate } from "react-router-dom";
+import { toWei } from "web3-utils";
+
+export default function () {
+  const { t } = useTranslation();
+  const { Token } = useUserStore();
+  const [nodeConfig, setNodeConfig] = useState<UserHomeData>();
+  const [approveUsdt, setApproveUsdt] = useState<bigint>(0n);
+  const [balance, setBalance] = useState<bigint>(0n);
+  const orderInfo = useRef<NodeOrder>();
+  const navigate = useNavigate();
+  const [num, setNum] = useState(1);
+
+  const buyLoadingToast = useRef<ToastHandler>();
+  const approveLoadingToast = useRef<ToastHandler>();
+  const {
+    transcationStatus,
+    startPollingCheckBuyStatus,
+    stopPollingCheckBuyStatus,
+  } = usePollingCheckBuyStatus("NORMAL");
+
+  const costNum = useMemo(
+    () =>
+      BigInt(
+        toWei(`${parseFloat(`${nodeConfig?.nodePrice || "0"}`) * num}`, "ether")
+      ),
+    [nodeConfig?.nodePrice, num]
+  );
+
+  useEffect(() => {
+    updateNodeConfig();
+
+    return () => {};
+  }, []);
+
+  useEffect(() => {
+    (async () => {
+      Toast.show({ icon: "loading", content: t("正在获取已授权金额") });
+      setBalance(await getBalance());
+      setApproveUsdt(await getApproveUsdt());
+      Toast.clear();
+    })();
+
+    return () => {};
+  }, [Token]);
+
+  async function updateNodeConfig() {
+    const { data } = await api_get_homepage_user_data().send({});
+    setNodeConfig(data?.data);
+  }
+  useEffect(() => {
+    if (transcationStatus == "success") {
+      buyLoadingToast.current?.close();
+      stopPollingCheckBuyStatus();
+      Dialog.alert({
+        content: `${t(
+          "Buy successful. Please return to the homepage to view."
+        )}`,
+        confirmText: "OK",
+        onConfirm() {
+          navigate("/");
+        },
+      });
+    }
+
+    return () => {};
+  }, [transcationStatus]);
+
+  useEffect(() => {
+    return () => {};
+  }, []);
+
+  return {
+    nodeConfig,
+    num,
+    setNum,
+    approveUsdt,
+    t,
+    balance,
+    approveLoadingToast,
+    costNum,
+    setApproveUsdt,
+    buyLoadingToast,
+    orderInfo,
+    updateNodeConfig,
+    startPollingCheckBuyStatus,
+  };
+}
--- a/src/pages/Home-m.module.css
+++ b/src/pages/Home-m.module.css
@ -14,10 +14,8 @@
    border-radius: 16px;
    opacity: 1;

-    background: #171719;
-
-    box-shadow: 0px 4px 10px 0px rgba(45, 252, 252, 0.3),
-      inset 0px 0px 8px 0px #2dfcfc;
+    background: #ffffff;
+    box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);

    padding: 14px 15px;
    box-sizing: border-box;
@ -57,7 +55,7 @@

            font-variation-settings: "opsz" auto;
            font-feature-settings: "kern" on;
-            color: #ffffff;
+            color: #000000;

            z-index: 0;
          }
@ -117,10 +115,9 @@
        border-radius: 10px;
        opacity: 1;

-        background: #2dfcfc;
+        background: #ea6d28;

        box-sizing: border-box;
-        border: 1px solid;

        padding: 0 20px;

@ -153,7 +150,7 @@
        border-radius: 16px;
        opacity: 1;

-        background: #212123;
+        background: #eeeeef;

        display: flex;
        flex-direction: column;
@ -173,7 +170,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;

          z-index: 0;

@ -193,7 +190,7 @@

            font-variation-settings: "opsz" auto;
            font-feature-settings: "kern" on;
-            color: #ffffff;
+            color: #000000;

            z-index: 1;
          }
@ -210,7 +207,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;

          z-index: 1;
        }
@ -245,7 +242,7 @@
          border-radius: 10px;
          opacity: 1;

-          background: #2dfcfc;
+          background: #ea6d28;

          color: #101010;
        }
@ -260,7 +257,8 @@
      border-radius: 16px;
      opacity: 1;

-      background: #171719;
+      background: #ffffff;
+      box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);
      z-index: 1;
      .nftToken_content_nft {
        /* 自动布局 */
@ -286,7 +284,7 @@

              font-variation-settings: "opsz" auto;
              font-feature-settings: "kern" on;
-              color: #ffffff;
+              color: #000000;

              z-index: 0;
            }
@ -303,7 +301,7 @@

              font-variation-settings: "opsz" auto;
              font-feature-settings: "kern" on;
-              color: #2dfcfc;
+              color: #ea6d28;

              z-index: 0;

@ -335,7 +333,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;

          z-index: 2;
        }
@ -536,7 +534,7 @@
          justify-content: center;
          align-items: center;
          padding: 10px 0;
-          background: #2dfcfc;
+          background: #ea6d28;
          z-index: 0;
          gap: 10px;
          box-sizing: border-box;
@ -574,7 +572,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;

          z-index: 1;
        }
@ -600,7 +598,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;
        }
      }
    }
@ -625,7 +623,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;

          z-index: 0;
        }
@ -641,7 +639,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #2dfcfc;
+          color: #ea6d28;

          z-index: 0;

@ -657,7 +655,8 @@
      border-radius: 16px;
      opacity: 1;

-      background: #171719;
+      background: #ffffff;
+      box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);

      display: flex;
      flex-direction: column;
@ -680,7 +679,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #333333;

          z-index: 0;
        }
@ -697,7 +696,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #eaeaea;
+          color: #666666;

          z-index: 1;
        }
@ -720,7 +719,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;

          z-index: 0;

--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@ -1,98 +1,36 @@
-import classes from "./Home.module.css";
-import useUserStore from "@/store/User";
+/*
+ * @LastEditors: John
+ * @Date: 2024-06-26 15:04:10
+ * @LastEditTime: 2024-07-01 17:35:37
+ * @Author: John
+ */
+import classes from "./Home-m.module.css";
 import { cn, copyText, getLevelName, shortenString } from "@/utils";
-import { useWeb3Modal } from "@web3modal/wagmi/react";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
 import logo from "@/assets/logo.svg";
 import nftBg from "@/assets/nft_bg.svg";
-import usdtBg from "@/assets/usdt_bg.svg";
 import IconFont from "@/components/iconfont";
-import { BaseError, useAccount } from "wagmi";
-import { config } from "@/components/WalletProvider";
-import { createSearchParams, useNavigate } from "react-router-dom";
-import { Button, Dialog, Empty, PullToRefresh, Toast } from "antd-mobile";
+import { PullToRefresh } from "antd-mobile";
 import { loginOut } from "@/utils/wallet";
-import {
-  api_claim_income,
-  api_get_homepage_user_data,
-  api_query_user_invitation_code,
-} from "@/server/api";
-import { UserHomeData } from "@/server/module";
-import { UrlQueryParamsKey } from "@/constants";
-import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
-import { ToastHandler } from "antd-mobile/es/components/toast";
-import { disconnect, getAccount } from "@wagmi/core";
-import { PullStatus } from "antd-mobile/es/components/pull-to-refresh";
-export default function () {
-  const { Token, UpdateToken } = useUserStore();
-  const { open } = useWeb3Modal();
-  const { t } = useTranslation();
-  const { address } = useAccount();
-
-  const [tabIndex, setTabIndex] = useState(0);
-  const navigate = useNavigate();
-  const [userData, setUserData] = useState<UserHomeData>();
-  const [inviteCode, setInviteCode] = useState("");
-
-  const userInviteLink = useMemo(
-    () =>
-      `${location.origin}/#/?${UrlQueryParamsKey.INVITE_CODE}=${inviteCode}`,
-    [inviteCode]
-  );
-  const receiveLoadingToast = useRef<ToastHandler>();
+import useHome from "./Feature/useHome";
+import useMint from "./Feature/useMint";
+import useInvitationList from "./Feature/useInvitationList";
+function Mobile() {
  const {
-    transcationStatus,
-    startPollingCheckBuyStatus,
-    stopPollingCheckBuyStatus,
-  } = usePollingCheckBuyStatus("NORMAL");
-
-  const statusRecord: Record<PullStatus, string> = {
-    pulling: "Pull down to refresh",
-    canRelease: "Release to refresh immediately",
-    refreshing: "Loading...",
-    complete: "Refresh complete",
-  };
-
-  useEffect(() => {
-    if (Token) {
-      getHomeData();
-      getInviteCode();
-    }
-    return () => {};
-  }, [Token]);
-
-  useEffect(() => {
-    if (transcationStatus == "success") {
-      receiveLoadingToast.current?.close();
-      stopPollingCheckBuyStatus();
-      Dialog.alert({
-        content: `${t("领取成功，前往钱包查看")}`,
-        confirmText: "OK",
-      });
-    }
-
-    return () => {};
-  }, [transcationStatus]);
-
-  async function getHomeData() {
-    const { data } = await api_get_homepage_user_data().send({});
-    setUserData(data?.data);
-  }
-
-  async function getInviteCode() {
-    const { data } = await api_query_user_invitation_code().send({});
-    setInviteCode(data?.data.invitationCode || "");
-  }
-
-  useEffect(() => {
-    console.log("user token:", Token);
-
-    return () => {};
-  }, [Token]);
+    getHomeData,
+    statusRecord,
+    Token,
+    address,
+    setUserData,
+    userData,
+    tabIndex,
+    t,
+    setTabIndex,
+    navigate,
+    userInviteLink,
+    open,
+  } = useHome();

  return (
-    <>
    <PullToRefresh
      onRefresh={async () => {
        await getHomeData();
@ -118,7 +56,7 @@ export default function () {
                    }}
                    name="tuichu"
                    className={classes.userinfo_top_right_wallet_disconnect}
-                      color={"#fff"}
+                    color={"#000000"}
                  />
                </div>
                <div className={classes.userinfo_top_right_btns}>
@ -200,7 +138,7 @@ export default function () {
                            {t("Buy Node")}
                            <IconFont
                              name="chevronsrightshuangyoujiantou"
-                                color={"#2DFCFC"}
+                              color={"#EA6D28"}
                            />
                          </span>
                        </div>
@ -262,7 +200,7 @@ export default function () {
                {t("邀请列表")}{" "}
                <IconFont
                  name="chevronsrightshuangyoujiantou"
-                    color={"#2DFCFC"}
+                  color={"#EA6D28"}
                />
              </span>
            )}
@ -282,7 +220,7 @@ export default function () {
                        }}
                        className={classes.invite_content_icon}
                        name="fuzhi"
-                          color={"#fff"}
+                        color={"#101010"}
                      />{" "}
                    </>
                  ) : (
@ -302,13 +240,49 @@ export default function () {

            <span>
              {t(
-                  "Invite your friends to become YOTTA nodes and you will get a 20% rebate."
+                "Invite your friends to become YOTTA nodes and you will get a 10% rebate."
              )}
            </span>
          </div>
        </div>
      </div>
    </PullToRefresh>
-    </>
  );
 }
+
+function Desktop() {
+  const {
+    getHomeData,
+    statusRecord,
+    Token,
+    address,
+    setUserData,
+    userData,
+    tabIndex,
+    t,
+    setTabIndex,
+    navigate,
+    userInviteLink,
+  } = useHome();
+  const {
+    nodeConfig,
+    num,
+    setNum,
+    approveUsdt,
+    balance,
+    approveLoadingToast,
+    costNum,
+    setApproveUsdt,
+    buyLoadingToast,
+    orderInfo,
+    updateNodeConfig,
+    startPollingCheckBuyStatus,
+  } = useMint();
+  const { columns, list, loadMore, hasMore } = useInvitationList();
+  return <></>;
+}
+
+export default {
+  Mobile,
+  Desktop,
+};
--- a/src/pages/InvitationList.tsx
+++ b/src/pages/InvitationList.tsx
@ -4,40 +4,12 @@
 * @LastEditTime: 2024-06-27 15:33:01
 * @Author: John
 */
-import usePagination from "@/hook/usePagination";
-import { api_recommended_list } from "@/server/api";
-import { RecommendedListItem } from "@/server/module";
 import { Empty, InfiniteScroll } from "antd-mobile";
-import DataTable, { TableColumn } from "react-data-table-component";
-import { useTranslation } from "react-i18next";
+import DataTable from "react-data-table-component";
+import useInvitationList from "./Feature/useInvitationList";

 export default function () {
-  const { t } = useTranslation();
-  const columns: TableColumn<RecommendedListItem>[] = [
-    {
-      name: t("地址"),
-      selector: (row) => row.walletAddress,
-      grow: 9,
-    },
-    {
-      name: "Node",
-      selector: (row) => row.nodeNumber,
-      grow: 1,
-      // @ts-ignore
-      right: "true",
-    },
-  ];
-
-  const { list, hasMore, loadMore } = usePagination<RecommendedListItem>({
-    service({ pageNum, pageSize }) {
-      return new Promise(async (reslove) => {
-        const { data } = await api_recommended_list().send({
-          queryParams: { pageNum, pageSize },
-        });
-        reslove(data?.data.records || []);
-      });
-    },
-  });
+  const { columns, list, loadMore, hasMore } = useInvitationList();

  return (
    <>
--- a/src/pages/Mint-m.module.css
+++ b/src/pages/Mint-m.module.css
@ -11,7 +11,7 @@
    height: 190px;
    border-radius: 10px;
    opacity: 1;
-    background: #171719;
+    background: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16),
      0px 3px 6px 0px rgba(0, 0, 0, 0.23);
    padding: 8px;
@ -95,7 +95,7 @@

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
-        color: #9e9e9e;
+        color: #333333;

        z-index: 0;
      }
@ -137,7 +137,7 @@

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
-        color: #ffffff;
+        color: #000000;

        z-index: 0;
      }
@ -154,7 +154,7 @@

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
-        color: #ffffff;
+        color: #000000;

        z-index: 1;
      }
@ -178,7 +178,7 @@

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
-        color: #ffffff;
+        color: #000000;

        z-index: 0;
      }
@ -194,7 +194,7 @@

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
-        color: #ffffff;
+        color: #000000;

        z-index: 1;
      }
@ -215,7 +215,7 @@
    padding: 11px 40px;
    gap: 10px;

-    background: #2dfcfc;
+    background: #ea6d28;

    z-index: 3;

--- a/src/pages/Mint.tsx
+++ b/src/pages/Mint.tsx
@ -1,110 +1,36 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-18 15:28:03
- * @LastEditTime: 2024-06-27 17:17:09
+ * @LastEditTime: 2024-06-28 14:33:02
 * @Author: John
 */
 import { cn, filterAddressBeforeZero, filterAmountBeforeZero } from "@/utils";
-import classes from "./Mint.module.css";
+import classes from "./Mint-m.module.css";
 import nft_bg from "@/assets/nft_bg.svg";
 import Button from "antd-mobile/es/components/button";
 import Space from "antd-mobile/es/components/space";
-import { useTranslation } from "react-i18next";
-import { useEffect, useMemo, useRef, useState } from "react";
-import {
-  api_get_homepage_user_data,
-  api_get_nft_configuration_data,
-  api_node_order,
-  api_users_cancel_orders,
-} from "@/server/api";
-import {
-  NftConfigurationData,
-  NftOrder,
-  NodeOrder,
-  UserHomeData,
-} from "@/server/module";
-import {
-  authorizedU,
-  getApproveUsdt,
-  getBalance,
-  payByContract,
-} from "@/contract/utils";
-import { Dialog, Modal, Stepper, Toast } from "antd-mobile";
-import useUserStore from "@/store/User";
-import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
-import { ToastHandler } from "antd-mobile/es/components/toast";
+import { api_node_order } from "@/server/api";
+import { authorizedU, getApproveUsdt, payByContract } from "@/contract/utils";
+import { Stepper, Toast } from "antd-mobile";
 import { BaseError } from "wagmi";
-import { useNavigate } from "react-router-dom";
 import { toWei } from "web3-utils";
+import useMint from "./Feature/useMint";
 export default function () {
-  const { t } = useTranslation();
-  const { Token } = useUserStore();
-  const [nodeConfig, setNodeConfig] = useState<UserHomeData>();
-  const [approveUsdt, setApproveUsdt] = useState<bigint>(0n);
-  const [balance, setBalance] = useState<bigint>(0n);
-  const orderInfo = useRef<NodeOrder>();
-  const navigate = useNavigate();
-  const [num, setNum] = useState(1);
-
-  const buyLoadingToast = useRef<ToastHandler>();
-  const approveLoadingToast = useRef<ToastHandler>();
  const {
-    transcationStatus,
+    nodeConfig,
+    num,
+    setNum,
+    approveUsdt,
+    t,
+    balance,
+    approveLoadingToast,
+    costNum,
+    setApproveUsdt,
+    buyLoadingToast,
+    orderInfo,
+    updateNodeConfig,
    startPollingCheckBuyStatus,
-    stopPollingCheckBuyStatus,
-  } = usePollingCheckBuyStatus("NORMAL");
-
-  const costNum = useMemo(
-    () =>
-      BigInt(
-        toWei(`${parseFloat(`${nodeConfig?.nodePrice || "0"}`) * num}`, "ether")
-      ),
-    [nodeConfig?.nodePrice, num]
-  );
-
-  useEffect(() => {
-    updateNodeConfig();
-
-    return () => {};
-  }, []);
-
-  useEffect(() => {
-    (async () => {
-      Toast.show({ icon: "loading", content: t("正在获取已授权金额") });
-      setBalance(await getBalance());
-      setApproveUsdt(await getApproveUsdt());
-      Toast.clear();
-    })();
-
-    return () => {};
-  }, [Token]);
-
-  async function updateNodeConfig() {
-    const { data } = await api_get_homepage_user_data().send({});
-    setNodeConfig(data?.data);
-  }
-  useEffect(() => {
-    if (transcationStatus == "success") {
-      buyLoadingToast.current?.close();
-      stopPollingCheckBuyStatus();
-      Dialog.alert({
-        content: `${t(
-          "Buy successful. Please return to the homepage to view."
-        )}`,
-        confirmText: "OK",
-        onConfirm() {
-          navigate("/");
-        },
-      });
-    }
-
-    return () => {};
-  }, [transcationStatus]);
-
-  useEffect(() => {
-    return () => {};
-  }, []);
-
+  } = useMint();
  return (
    <>
      <div className={cn(classes.Mint, classes.container)}>
--- a/src/server/api.ts
+++ b/src/server/api.ts
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-18 10:28:21
- * @LastEditTime: 2024-06-27 09:52:45
+ * @LastEditTime: 2024-07-01 11:55:38
 * @Author: John
 */
 import { GET, POST } from "./client";
@ -54,7 +54,7 @@ export function api_signUp() {
      chainType: 2;
    },
    any
-  >({ url: "/api/account/signUp", requiresToken: false });
+  >({ url: "/api/account/signUp", requiresToken: false, catchErr: true });
 }

 // 获取钱包签名串
--- a/src/server/client.ts
+++ b/src/server/client.ts
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-18 10:09:21
- * @LastEditTime: 2024-06-21 14:47:26
+ * @LastEditTime: 2024-07-01 11:38:43
 * @Author: John
 */
 import { Client } from "@hyper-fetch/core";
@ -17,9 +17,11 @@ import i18next from "i18next";
 function initClient({
  requiresToken,
  requiresAddress,
+  catchErr,
 }: {
  requiresToken: boolean;
  requiresAddress: boolean;
+  catchErr: boolean;
 }) {
  return new Client({ url: import.meta.env.VITE_BASE_API_URL })
    .onAuth(async (req) => {
@ -59,6 +61,7 @@ function initClient({
      const resData: BASE_RESPONSE = res.data;
      if (resData.code !== 200 && resData.code !== 0) {
        if (resData.msg) Toast.show({ content: resData.msg, icon: "fail" });
+        if (catchErr) return res;
        throw new Error(resData.msg || "client on response error");
      }
      return res;
@ -69,12 +72,14 @@ export const POST = <P = any, R = any, QueryParams = any>({
  url,
  requiresToken = true,
  requiresAddress = true,
+  catchErr = false,
 }: {
  url: string;
  requiresToken?: boolean;
  requiresAddress?: boolean;
+  catchErr?: boolean;
 }) => {
-  return initClient({ requiresToken, requiresAddress }).createRequest<
+  return initClient({ requiresToken, requiresAddress, catchErr }).createRequest<
    BASE_RESPONSE<R>,
    P,
    any,
@ -89,12 +94,14 @@ export const GET = <P = any, R = any>({
  url,
  requiresToken = true,
  requiresAddress = true,
+  catchErr = false,
 }: {
  url: string;
  requiresToken?: boolean;
  requiresAddress?: boolean;
+  catchErr?: boolean;
 }) => {
-  return initClient({ requiresToken, requiresAddress }).createRequest<
+  return initClient({ requiresToken, requiresAddress, catchErr }).createRequest<
    BASE_RESPONSE<R>,
    any,
    any,
--- a/src/style/ant-cover-m.css
+++ b/src/style/ant-cover-m.css
@ -1,9 +1,10 @@
+@media only screen and (max-width: 1024px) {
  .adm-tabs {
    .adm-tabs-header {
      border-bottom: 0.25px solid #333333;

      .adm-tabs-tab-line {
-      background-color: #2dfcfc;
+        background-color: #ea6d28;
      }

      .adm-tabs-tab {
@ -51,7 +52,7 @@
            opacity: 1;

            box-sizing: border-box;
-          border: 1px solid #2dfcfc;
+            border: 1px solid #ea6d28;

            z-index: 1;
            background-color: transparent;
@ -80,7 +81,7 @@
            border-radius: 8px;
            opacity: 1;

-          background: #2dfcfc;
+            background: #ea6d28;

            z-index: 0;

@ -192,7 +193,7 @@
    /* background: rgba(252, 135, 43, 0.5) !important; */

    box-sizing: border-box !important;
-  border: 1px solid #2dfcfc !important;
+    border: 1px solid #ea6d28 !important;

    /* backdrop-filter: blur(10px); */

@ -263,16 +264,16 @@
    height: 42px;
    border-radius: 5px !important;
    opacity: 1;
-  background: rgba(37, 33, 39, 0.2);
+    background: rgba(204, 184, 214, 0.2);
    box-sizing: border-box !important;
-  border: 1px solid #2dfcfc !important;
+    border: 1px solid #ea6d28 !important;
    .adm-button {
      width: 42px;
      height: 42px;
      border-radius: 5px;
      opacity: 1;

-    background: #2dfcfc;
+      background: #ea6d28;

      svg {
        width: 23px;
@ -296,7 +297,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-        color: #ffffff;
+          color: #000000;
        }
      }
    }
@ -305,7 +306,7 @@
  .adm-dialog {
    .adm-center-popup-body {
      box-sizing: border-box !important;
-    border: 1px solid #2dfcfc !important;
+      border: 1px solid #ea6d28 !important;
      border-radius: 10px !important;
      background-color: transparent !important;
      backdrop-filter: blur(10px);
@ -328,11 +329,11 @@

      .adm-dialog-footer {
        .adm-dialog-action-row {
-        border-top: 1px solid #2dfcfc !important;
+          border-top: 1px solid #ea6d28 !important;

          .adm-dialog-button {
            span {
-            color: #2dfcfc;
+              color: #ea6d28;
            }
          }
        }
@ -357,3 +358,4 @@
      z-index: 0;
    }
  }
+}
--- a/src/style/react-data-table-component-cover-m.css
+++ b/src/style/react-data-table-component-cover-m.css
@ -11,6 +11,7 @@
      height: 16px !important;
      min-height: 16px !important;
      background-color: transparent !important;
+      border-bottom: none;

      .rdt_TableCol {
        div {
@ -24,7 +25,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #eaeaea;
+          color: #333333;
        }
      }
    }
@ -37,6 +38,8 @@
      height: 18px !important;
      min-height: 18px !important;
      background-color: transparent !important;
+      border-bottom: none;
+
      .rdt_TableCell {
        div {
          opacity: 1;
@ -49,7 +52,7 @@

          font-variation-settings: "opsz" auto;
          font-feature-settings: "kern" on;
-          color: #ffffff;
+          color: #000000;
        }
      }
    }
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@ -1,7 +1,7 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-17 18:19:27
- * @LastEditTime: 2024-06-27 11:40:59
+ * @LastEditTime: 2024-07-01 16:49:14
 * @Author: John
 */
 import { type ClassValue, clsx } from "clsx";
@ -121,3 +121,14 @@ export function filterAmountBeforeZero(arr: bigint[]) {
  }
  return result;
 }
+
+export function getUrlParameterByName(name: string, url?: string) {
+  if (!url) url = window.location.href;
+  name = name.replace(/[\[\]]/g, "\\$&");
+  let regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+    results = regex.exec(url);
+  if (!results) return null;
+  if (!results[2]) return "";
+  console.log("url params:", results);
+  return decodeURIComponent(results[2].replace(/\+/g, " "));
+}
--- a/src/utils/wallet.ts
+++ b/src/utils/wallet.ts
@ -1,16 +1,14 @@
 /*
 * @LastEditors: John
 * @Date: 2024-06-19 15:55:07
- * @LastEditTime: 2024-06-27 15:09:45
+ * @LastEditTime: 2024-07-01 16:44:04
 * @Author: John
 */
 import { config } from "@/components/WalletProvider";
 import {
-  api_binding_invitation_relationship,
  api_check_account_registration,
  api_get_wallet_signature_string,
  api_login,
-  api_query_whether_the_user_is_binding_relationship,
  api_signUp,
 } from "@/server/api";
 import useUserStore from "@/store/User";
@ -24,7 +22,7 @@ import {
 } from "@wagmi/core";
 import Toast from "antd-mobile/es/components/toast";
 import i18next from "i18next";
-import { getUrlQueryParam } from ".";
+import { getUrlParameterByName } from ".";
 import { UrlQueryParamsKey } from "@/constants";

 /**
@ -130,7 +128,8 @@ export async function signAndLogin(address?: `0x${string}`): Promise<void> {
        loadingToast.close();
      }
    } else {
-      const inviteCode = getUrlQueryParam(UrlQueryParamsKey.INVITE_CODE);
+      const inviteCode = getUrlParameterByName(UrlQueryParamsKey.INVITE_CODE);
+      console.log("inviteCode:", inviteCode);
      if (!inviteCode) {
        Toast.show({
          icon: "fail",
@ -139,7 +138,7 @@ export async function signAndLogin(address?: `0x${string}`): Promise<void> {
        return loginOut();
      }
      // 注册
-      await api_signUp().send({
+      const { data } = await api_signUp().send({
        data: {
          account: address,
          publicKey,
@ -147,7 +146,11 @@ export async function signAndLogin(address?: `0x${string}`): Promise<void> {
          chainType: 2,
        },
      });
+      if (data?.code == 0) {
        await signAndLogin(address);
+      } else {
+        return loginOut();
+      }
      reslove();
      loadingToast.close();
    }
Author	SHA1	Message	Date
john	20c5eaf47d	🐞 fix:	2024-07-01 19:01:47 +08:00
john	6a819b6412	Merge branch 'develop' into feature/pc端	2024-07-01 17:02:08 +08:00
john	daf5634a10	✨ feat: 更新主题色	2024-07-01 15:18:09 +08:00
john	5e4d6e6521	✨ feat:	2024-06-28 20:13:46 +08:00
john	a58b225544	✨ feat:	2024-06-28 18:00:45 +08:00
john	c1a8cfd6d6	🐎 ci: 生产环境变量	2024-06-28 13:56:17 +08:00