Compare commits
214 Commits
1be347cadf
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 5e10552d41 | |||
| 0f6725262b | |||
|
|
006fa85306 | ||
|
|
eb153825c3 | ||
| 73dbd34e0a | |||
| 7814e870f3 | |||
| 46d1b0e381 | |||
|
|
35c3c3aed4 | ||
| c9a848a5be | |||
| 4747489d84 | |||
|
|
5e39f5d2af | ||
|
|
e3607e43ac | ||
| 6e879123ab | |||
| 437b191b12 | |||
| aa672194ea | |||
| 8ab14e88f1 | |||
| 275d4ad0d0 | |||
|
|
d789edcc80 | ||
|
|
8cc646f4b8 | ||
|
|
e64dbd8925 | ||
| bcb04aedd7 | |||
| 1c80ba9fbc | |||
| 6b214d2abc | |||
| fb767218c4 | |||
| 29400bb23b | |||
|
|
aa7f6724b6 | ||
|
|
4aba2fc0a4 | ||
|
|
33d126bac9 | ||
|
|
e68fb8afc7 | ||
|
|
2c5ef21edb | ||
|
|
15dd98a555 | ||
|
|
792db5bff9 | ||
|
|
310e514206 | ||
| 087f8f1096 | |||
| 480c1baa4a | |||
|
|
cf0791dec7 | ||
| 4f0d17ea29 | |||
| 240b006a8f | |||
|
|
d3da32d4a6 | ||
|
|
1c26f6ae28 | ||
|
|
7e0abc7d16 | ||
|
|
ff36a56002 | ||
| 44dea76108 | |||
| 8321871e18 | |||
|
|
40132cebce | ||
|
|
183e7e551e | ||
|
|
7f08c52a98 | ||
|
|
c004308f77 | ||
|
|
c32bd02efe | ||
|
|
277457d42a | ||
|
|
f52594efdd | ||
| 16347514b5 | |||
| 8b0bcdc8ac | |||
|
|
edb8e7a4bf | ||
|
|
bf5c27d857 | ||
|
|
a4494831a1 | ||
| ad0f4f65e5 | |||
| 052764166f | |||
|
|
fdc5f9d095 | ||
|
|
965721bbdd | ||
|
|
88a5618976 | ||
| 6c4ebc26d1 | |||
| 6ac5eb9664 | |||
| 74b6045220 | |||
|
|
d90b788155 | ||
|
|
cc100caa38 | ||
|
|
b66b8df8a3 | ||
|
|
a0b31f9374 | ||
| 1cc85f1c46 | |||
| 484d15f91d | |||
|
|
8209a1d678 | ||
|
|
b7250c51bf | ||
|
|
fe04ee3d1a | ||
|
|
c3aebf85c1 | ||
|
|
2f0f875080 | ||
|
|
83cf98c8b0 | ||
| a28636d25c | |||
| b47f0b8296 | |||
|
|
2c29d2ad38 | ||
|
|
fa73f949d5 | ||
| 9948b18c26 | |||
| f203d6146c | |||
| e45fd1135c | |||
| 4e49584c60 | |||
| bc8e436c94 | |||
| 881f25ac2b | |||
|
|
242c1ae8e8 | ||
|
|
a55e6b3ea9 | ||
|
|
7057a6c8f7 | ||
|
|
7df8b38966 | ||
|
|
729755efdf | ||
|
|
b8243128d6 | ||
|
|
5ada85d05c | ||
| 8f9511966e | |||
| 248bf6b1eb | |||
| e4f1c535a7 | |||
|
|
8f23b4c387 | ||
| a4861da21a | |||
|
|
d0224e5c6d | ||
|
|
91889102ea | ||
|
|
3da18cb246 | ||
|
|
0b014f2a3b | ||
|
|
8a99048639 | ||
| 3e64912804 | |||
| dfe8099945 | |||
|
|
fc5a361bba | ||
|
|
95556b1a1f | ||
|
|
3c39959ce3 | ||
|
|
22ebbba451 | ||
|
|
92c625fb89 | ||
|
|
a0fa8cd523 | ||
| c263f1cffc | |||
|
|
1ab121a703 | ||
| b8662fd379 | |||
|
|
bcbaa47926 | ||
|
|
a4441c6107 | ||
|
|
d0dc9b2af0 | ||
| ec4c3bc81f | |||
| dc6658e1dd | |||
| 0d10954251 | |||
|
|
f402c7b2aa | ||
|
|
0e28f089dc | ||
|
|
ab556a17e7 | ||
|
|
9b86a9f65e | ||
|
|
49cec0ee28 | ||
|
|
ecf53c8353 | ||
|
|
c8fa11aa25 | ||
| c576d050db | |||
| 2a64226f35 | |||
|
|
f6f62fde8e | ||
| 99f4515e9d | |||
| 4c22311e08 | |||
|
|
3ae774bc6b | ||
|
|
2d95c3c976 | ||
|
|
3de38d2856 | ||
|
|
2f1cc8d55d | ||
|
|
5d0de56c1a | ||
|
|
1b32002af5 | ||
|
|
59803cf2ea | ||
| d772cae6bc | |||
|
|
8c080d3e22 | ||
|
|
4be692bb29 | ||
|
|
7bfae7d024 | ||
|
|
e7957532e8 | ||
| 338ee24da2 | |||
| 81b907562e | |||
|
|
31de24cc2b | ||
|
|
c18b424f99 | ||
|
|
b9be27ab85 | ||
| 5476a1f69d | |||
| 9f620ab9d5 | |||
|
|
e418bf80ad | ||
|
|
2346e079a1 | ||
|
|
6772bf0e90 | ||
|
|
26dfbd9bb5 | ||
|
|
8c8ec7846d | ||
|
|
8d441766c5 | ||
|
|
bf907a1378 | ||
|
|
de6295f2af | ||
|
|
3e0a7b8928 | ||
|
|
09909552bc | ||
|
|
baf57515c0 | ||
|
|
b8c844363c | ||
|
|
87b071c319 | ||
|
|
bdc824e1f6 | ||
|
|
1c7b2d32a6 | ||
|
|
cffd554365 | ||
|
|
33043eedf1 | ||
| ce35f788ca | |||
| 5bbdeb6236 | |||
| 93813f7b56 | |||
|
|
51e6933f9f | ||
|
|
c0b4742966 | ||
| f76c9ed828 | |||
| d50e3781db | |||
| e48e369ef1 | |||
| bb8344b27a | |||
| b538853800 | |||
| f772e3d250 | |||
| f5a7ad51f0 | |||
| 8df8618f40 | |||
|
|
f355835819 | ||
|
|
42c2817c2f | ||
| 9bf0211e78 | |||
| 281272c9f9 | |||
|
|
71cfef996d | ||
|
|
09125378b6 | ||
|
|
e8da956543 | ||
|
|
ad81feaf81 | ||
| 254f61e524 | |||
| 3512d9ae87 | |||
|
|
98e2548f01 | ||
|
|
a6484782a5 | ||
|
|
017d052cd8 | ||
|
|
bd35b3f89f | ||
|
|
66b019eb2a | ||
|
|
4c2edb53e4 | ||
|
|
829f164833 | ||
|
|
45298e5f23 | ||
|
|
7ca69021c4 | ||
|
|
b0ee5a0783 | ||
| 5c931317f0 | |||
| 751cd1aa1f | |||
|
|
80eaa803dd | ||
|
|
7b5dcdacd7 | ||
| cce310c2dc | |||
| 5d240edb84 | |||
|
|
32a801b24f | ||
|
|
d65590304f | ||
| 38094c4b2c | |||
| 7b4acaa001 | |||
| 8a5a0ad3f5 | |||
|
|
fd86f5fa74 | ||
|
|
5da88beaf1 |
@@ -1,3 +1,4 @@
|
|||||||
# VITE_APP_URL = http://192.168.31.82:8771
|
# VITE_APP_URL = http://192.168.31.82:10094
|
||||||
# VITE_APP_URL = http://18.167.251.121:10095
|
VITE_APP_URL = https://www.develop-ms.api.aida.com.hk
|
||||||
VITE_APP_URL = https://www.lc-api.aida.com.hk
|
# WebSocket 主机地址
|
||||||
|
VITE_WS_HOST = 18.167.251.121:10094
|
||||||
@@ -1,2 +1,4 @@
|
|||||||
VITE_APP_URL = https://www.lc-api.aida.com.hk
|
VITE_APP_URL = http://192.168.31.82:10094
|
||||||
# VITE_APP_URL = http://18.167.251.121:10095
|
VITE_APP_URL = https://www.develop-ms.api.aida.com.hk
|
||||||
|
# WebSocket 主机地址
|
||||||
|
VITE_WS_HOST = www.develop-ms.api.aida.com.hk
|
||||||
@@ -1,8 +1,10 @@
|
|||||||
{
|
{
|
||||||
"$schema": "https://json.schemastore.org/prettierrc",
|
"$schema": "https://json.schemastore.org/prettierrc",
|
||||||
"semi": false,
|
"semi": false,
|
||||||
"tabWidth": 2,
|
"tabWidth": 4,
|
||||||
"singleQuote": true,
|
"singleQuote": true,
|
||||||
"printWidth": 100,
|
"printWidth": 100,
|
||||||
"trailingComma": "none"
|
"useTabs": true,
|
||||||
|
"trailingComma": "none",
|
||||||
|
"vueIndentScriptAndStyle": true
|
||||||
}
|
}
|
||||||
@@ -7,14 +7,14 @@
|
|||||||
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> -->
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> -->
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
|
||||||
<link rel="stylesheet" href="/fonts/index.css">
|
<link rel="stylesheet" href="/fonts/index.css">
|
||||||
<title>Lane Crawford</title>
|
<title>Stylish Parade</title>
|
||||||
<!-- Open Graph / WhatsApp share metadata -->
|
<!-- Open Graph / WhatsApp share metadata -->
|
||||||
<meta property="og:title" content="Lane Crawford" />
|
<meta property="og:title" content="Stylish Parade" />
|
||||||
<meta property="og:description" content="create and share looks from the Lane Crawford creation gallery." />
|
<meta property="og:description" content="create and share looks from the Stylish Parade creation gallery." />
|
||||||
<meta property="og:image" content="" />
|
<meta property="og:image" content="" />
|
||||||
<meta property="og:url" content="https://www.lc.aida.com.hk" />
|
<meta property="og:url" content="https://www.lc.aida.com.hk" />
|
||||||
<meta property="og:type" content="website" />
|
<meta property="og:type" content="website" />
|
||||||
<meta property="og:site_name" content="Lane Crawford" />
|
<meta property="og:site_name" content="Stylish Parade" />
|
||||||
<meta name="twitter:card" content="summary_large_image" />
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
356
package-lock.json
generated
@@ -10,9 +10,11 @@
|
|||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.3.6",
|
"axios": "^1.3.6",
|
||||||
|
"cropper-next-vue": "^0.3.1",
|
||||||
"crypto-js": "^4.2.0",
|
"crypto-js": "^4.2.0",
|
||||||
"element-plus": "^2.13.2",
|
"element-plus": "^2.13.2",
|
||||||
"gsap": "^3.13.0",
|
"gsap": "^3.13.0",
|
||||||
|
"lodash-es": "^4.18.1",
|
||||||
"markdown-it": "^14.1.0",
|
"markdown-it": "^14.1.0",
|
||||||
"md5": "^2.3.0",
|
"md5": "^2.3.0",
|
||||||
"normalize.css": "^8.0.1",
|
"normalize.css": "^8.0.1",
|
||||||
@@ -20,7 +22,7 @@
|
|||||||
"pinia-persistedstate-plugin": "^0.1.0",
|
"pinia-persistedstate-plugin": "^0.1.0",
|
||||||
"pinia-plugin-persistedstate": "^3.1.0",
|
"pinia-plugin-persistedstate": "^3.1.0",
|
||||||
"swiper": "^12.1.3",
|
"swiper": "^12.1.3",
|
||||||
"vue": "^3.2.47",
|
"vue": "^3.5.35",
|
||||||
"vue-i18n": "^11.2.8",
|
"vue-i18n": "^11.2.8",
|
||||||
"vue-router": "^4.1.6"
|
"vue-router": "^4.1.6"
|
||||||
},
|
},
|
||||||
@@ -57,30 +59,30 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/@babel/helper-string-parser": {
|
"node_modules/@babel/helper-string-parser": {
|
||||||
"version": "7.27.1",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
|
||||||
"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
|
"integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=6.9.0"
|
"node": ">=6.9.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@babel/helper-validator-identifier": {
|
"node_modules/@babel/helper-validator-identifier": {
|
||||||
"version": "7.28.5",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
|
||||||
"integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
|
"integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=6.9.0"
|
"node": ">=6.9.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@babel/parser": {
|
"node_modules/@babel/parser": {
|
||||||
"version": "7.29.0",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
|
||||||
"integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
|
"integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/types": "^7.29.0"
|
"@babel/types": "^7.29.7"
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
"parser": "bin/babel-parser.js"
|
"parser": "bin/babel-parser.js"
|
||||||
@@ -90,13 +92,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@babel/types": {
|
"node_modules/@babel/types": {
|
||||||
"version": "7.29.0",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
|
||||||
"integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
|
"integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/helper-string-parser": "^7.27.1",
|
"@babel/helper-string-parser": "^7.29.7",
|
||||||
"@babel/helper-validator-identifier": "^7.28.5"
|
"@babel/helper-validator-identifier": "^7.29.7"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=6.9.0"
|
"node": ">=6.9.0"
|
||||||
@@ -1161,21 +1163,21 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/compiler-core": {
|
"node_modules/@vue/compiler-core": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.35.tgz",
|
||||||
"integrity": "sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==",
|
"integrity": "sha512-BUmHaR1J+O+CKZ9uJucdVTEr1LHsdyvv7vG3eNRhK3CczEHeMd/LtsHAuD7PbrxvI2envCY2v7HI1vC1aBRzKw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/parser": "^7.28.5",
|
"@babel/parser": "^7.29.3",
|
||||||
"@vue/shared": "3.5.27",
|
"@vue/shared": "3.5.35",
|
||||||
"entities": "^7.0.0",
|
"entities": "^7.0.1",
|
||||||
"estree-walker": "^2.0.2",
|
"estree-walker": "^2.0.2",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/compiler-core/node_modules/entities": {
|
"node_modules/@vue/compiler-core/node_modules/entities": {
|
||||||
"version": "7.0.1",
|
"version": "7.0.1",
|
||||||
"resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
|
||||||
"integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
|
"integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
|
||||||
"license": "BSD-2-Clause",
|
"license": "BSD-2-Clause",
|
||||||
"engines": {
|
"engines": {
|
||||||
@@ -1186,40 +1188,40 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/compiler-dom": {
|
"node_modules/@vue/compiler-dom": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.35.tgz",
|
||||||
"integrity": "sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==",
|
"integrity": "sha512-k+bprkXxuqhVajgTx5mUHuir7TwQzUKOWR40ng1ncAqQRPnrLngGGgqVEEhOnTMlc8btHYVKmrP8s5Qyg0hvYA==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/compiler-core": "3.5.27",
|
"@vue/compiler-core": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/compiler-sfc": {
|
"node_modules/@vue/compiler-sfc": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.35.tgz",
|
||||||
"integrity": "sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==",
|
"integrity": "sha512-G5VPMcXTSywXBgtFOZOnHKBxKSrwXUcvY1iaF5/hRcy7t0J6CH/d8ha9F4nzi00Fax1eLV0QHM7v4mQu68jydw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/parser": "^7.28.5",
|
"@babel/parser": "^7.29.3",
|
||||||
"@vue/compiler-core": "3.5.27",
|
"@vue/compiler-core": "3.5.35",
|
||||||
"@vue/compiler-dom": "3.5.27",
|
"@vue/compiler-dom": "3.5.35",
|
||||||
"@vue/compiler-ssr": "3.5.27",
|
"@vue/compiler-ssr": "3.5.35",
|
||||||
"@vue/shared": "3.5.27",
|
"@vue/shared": "3.5.35",
|
||||||
"estree-walker": "^2.0.2",
|
"estree-walker": "^2.0.2",
|
||||||
"magic-string": "^0.30.21",
|
"magic-string": "^0.30.21",
|
||||||
"postcss": "^8.5.6",
|
"postcss": "^8.5.15",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/compiler-ssr": {
|
"node_modules/@vue/compiler-ssr": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.35.tgz",
|
||||||
"integrity": "sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==",
|
"integrity": "sha512-rGhAeXgdM7/ffTJGXT69rCCdTmjDewnFuUZfBQQHTdcEBeWdT5HCGY60y2ytLJr9/Dsu7IntUi5z/w0h6Rjnzw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/compiler-dom": "3.5.27",
|
"@vue/compiler-dom": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/devtools-api": {
|
"node_modules/@vue/devtools-api": {
|
||||||
@@ -1266,53 +1268,53 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/reactivity": {
|
"node_modules/@vue/reactivity": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.35.tgz",
|
||||||
"integrity": "sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==",
|
"integrity": "sha512-tVc+SsHConvh/Lz64qq1pP3rYArBmK42xonovEcxY74SQtvctZodG/zhq54P5dr38cVuw25d27cPNRdlMidpGQ==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/runtime-core": {
|
"node_modules/@vue/runtime-core": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.35.tgz",
|
||||||
"integrity": "sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==",
|
"integrity": "sha512-A/xFNX9loIcWDygeQuNCfKuh0CoYBzxhqEMNah5TSFg9Z53DrFYEN2qi5CU9necjM1OWYegYREUTHmXTmhfXtg==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/reactivity": "3.5.27",
|
"@vue/reactivity": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/runtime-dom": {
|
"node_modules/@vue/runtime-dom": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.35.tgz",
|
||||||
"integrity": "sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==",
|
"integrity": "sha512-odrJ1C391dbGnyDRh8U+rnP7J2amIEzfmRk5vXy7xi3aZhEXofTvpi0T4HJb6jlNqQZTNPR5MPHSB3RHNkIORA==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/reactivity": "3.5.27",
|
"@vue/reactivity": "3.5.35",
|
||||||
"@vue/runtime-core": "3.5.27",
|
"@vue/runtime-core": "3.5.35",
|
||||||
"@vue/shared": "3.5.27",
|
"@vue/shared": "3.5.35",
|
||||||
"csstype": "^3.2.3"
|
"csstype": "^3.2.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/server-renderer": {
|
"node_modules/@vue/server-renderer": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.35.tgz",
|
||||||
"integrity": "sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==",
|
"integrity": "sha512-NkebSOYdB97wi8OQcO3HqzZSlymJi/aWsN/7h74OSVhRTm6qGs3Jp3e0rCXynmWwSlKeRrnlIug+ilYoHBmQDA==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/compiler-ssr": "3.5.27",
|
"@vue/compiler-ssr": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"vue": "3.5.27"
|
"vue": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@vue/shared": {
|
"node_modules/@vue/shared": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.35.tgz",
|
||||||
"integrity": "sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==",
|
"integrity": "sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/@vue/tsconfig": {
|
"node_modules/@vue/tsconfig": {
|
||||||
@@ -2152,6 +2154,18 @@
|
|||||||
"node": ">= 0.10"
|
"node": ">= 0.10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/cropper-next-vue": {
|
||||||
|
"version": "0.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/cropper-next-vue/-/cropper-next-vue-0.3.1.tgz",
|
||||||
|
"integrity": "sha512-B80WRLPavJ/xAjDEofPWLEqnMy99yzXy+Kpak3wMFf+X/TqebvhvBL3fM0P5ZHLRq0v9k0qSAqFjukBhHc3XZA==",
|
||||||
|
"license": "ISC",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=22.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"vue": "^3.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/cross-spawn": {
|
"node_modules/cross-spawn": {
|
||||||
"version": "7.0.3",
|
"version": "7.0.3",
|
||||||
"resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
|
"resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
|
||||||
@@ -2312,7 +2326,7 @@
|
|||||||
},
|
},
|
||||||
"node_modules/csstype": {
|
"node_modules/csstype": {
|
||||||
"version": "3.2.3",
|
"version": "3.2.3",
|
||||||
"resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
||||||
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
|
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
@@ -4790,9 +4804,9 @@
|
|||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/lodash-es": {
|
"node_modules/lodash-es": {
|
||||||
"version": "4.17.23",
|
"version": "4.18.1",
|
||||||
"resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.23.tgz",
|
"resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
|
||||||
"integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==",
|
"integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/lodash-unified": {
|
"node_modules/lodash-unified": {
|
||||||
@@ -5213,9 +5227,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/nanoid": {
|
"node_modules/nanoid": {
|
||||||
"version": "3.3.11",
|
"version": "3.3.12",
|
||||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
|
||||||
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
|
"integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
"type": "github",
|
"type": "github",
|
||||||
@@ -6038,9 +6052,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/postcss": {
|
"node_modules/postcss": {
|
||||||
"version": "8.5.6",
|
"version": "8.5.15",
|
||||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
|
||||||
"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
|
"integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
"type": "opencollective",
|
"type": "opencollective",
|
||||||
@@ -6057,7 +6071,7 @@
|
|||||||
],
|
],
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"nanoid": "^3.3.11",
|
"nanoid": "^3.3.12",
|
||||||
"picocolors": "^1.1.1",
|
"picocolors": "^1.1.1",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
},
|
},
|
||||||
@@ -8390,16 +8404,16 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/vue": {
|
"node_modules/vue": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.35.tgz",
|
||||||
"integrity": "sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==",
|
"integrity": "sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vue/compiler-dom": "3.5.27",
|
"@vue/compiler-dom": "3.5.35",
|
||||||
"@vue/compiler-sfc": "3.5.27",
|
"@vue/compiler-sfc": "3.5.35",
|
||||||
"@vue/runtime-dom": "3.5.27",
|
"@vue/runtime-dom": "3.5.35",
|
||||||
"@vue/server-renderer": "3.5.27",
|
"@vue/server-renderer": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"typescript": "*"
|
"typescript": "*"
|
||||||
@@ -8733,30 +8747,30 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"@babel/helper-string-parser": {
|
"@babel/helper-string-parser": {
|
||||||
"version": "7.27.1",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
|
||||||
"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="
|
"integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw=="
|
||||||
},
|
},
|
||||||
"@babel/helper-validator-identifier": {
|
"@babel/helper-validator-identifier": {
|
||||||
"version": "7.28.5",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
|
||||||
"integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="
|
"integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg=="
|
||||||
},
|
},
|
||||||
"@babel/parser": {
|
"@babel/parser": {
|
||||||
"version": "7.29.0",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
|
||||||
"integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
|
"integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@babel/types": "^7.29.0"
|
"@babel/types": "^7.29.7"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@babel/types": {
|
"@babel/types": {
|
||||||
"version": "7.29.0",
|
"version": "7.29.7",
|
||||||
"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
|
||||||
"integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
|
"integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@babel/helper-string-parser": "^7.27.1",
|
"@babel/helper-string-parser": "^7.29.7",
|
||||||
"@babel/helper-validator-identifier": "^7.28.5"
|
"@babel/helper-validator-identifier": "^7.29.7"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@ctrl/tinycolor": {
|
"@ctrl/tinycolor": {
|
||||||
@@ -9427,56 +9441,56 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/compiler-core": {
|
"@vue/compiler-core": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.35.tgz",
|
||||||
"integrity": "sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==",
|
"integrity": "sha512-BUmHaR1J+O+CKZ9uJucdVTEr1LHsdyvv7vG3eNRhK3CczEHeMd/LtsHAuD7PbrxvI2envCY2v7HI1vC1aBRzKw==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@babel/parser": "^7.28.5",
|
"@babel/parser": "^7.29.3",
|
||||||
"@vue/shared": "3.5.27",
|
"@vue/shared": "3.5.35",
|
||||||
"entities": "^7.0.0",
|
"entities": "^7.0.1",
|
||||||
"estree-walker": "^2.0.2",
|
"estree-walker": "^2.0.2",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"entities": {
|
"entities": {
|
||||||
"version": "7.0.1",
|
"version": "7.0.1",
|
||||||
"resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
|
||||||
"integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="
|
"integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/compiler-dom": {
|
"@vue/compiler-dom": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.35.tgz",
|
||||||
"integrity": "sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==",
|
"integrity": "sha512-k+bprkXxuqhVajgTx5mUHuir7TwQzUKOWR40ng1ncAqQRPnrLngGGgqVEEhOnTMlc8btHYVKmrP8s5Qyg0hvYA==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/compiler-core": "3.5.27",
|
"@vue/compiler-core": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/compiler-sfc": {
|
"@vue/compiler-sfc": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.35.tgz",
|
||||||
"integrity": "sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==",
|
"integrity": "sha512-G5VPMcXTSywXBgtFOZOnHKBxKSrwXUcvY1iaF5/hRcy7t0J6CH/d8ha9F4nzi00Fax1eLV0QHM7v4mQu68jydw==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@babel/parser": "^7.28.5",
|
"@babel/parser": "^7.29.3",
|
||||||
"@vue/compiler-core": "3.5.27",
|
"@vue/compiler-core": "3.5.35",
|
||||||
"@vue/compiler-dom": "3.5.27",
|
"@vue/compiler-dom": "3.5.35",
|
||||||
"@vue/compiler-ssr": "3.5.27",
|
"@vue/compiler-ssr": "3.5.35",
|
||||||
"@vue/shared": "3.5.27",
|
"@vue/shared": "3.5.35",
|
||||||
"estree-walker": "^2.0.2",
|
"estree-walker": "^2.0.2",
|
||||||
"magic-string": "^0.30.21",
|
"magic-string": "^0.30.21",
|
||||||
"postcss": "^8.5.6",
|
"postcss": "^8.5.15",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/compiler-ssr": {
|
"@vue/compiler-ssr": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.35.tgz",
|
||||||
"integrity": "sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==",
|
"integrity": "sha512-rGhAeXgdM7/ffTJGXT69rCCdTmjDewnFuUZfBQQHTdcEBeWdT5HCGY60y2ytLJr9/Dsu7IntUi5z/w0h6Rjnzw==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/compiler-dom": "3.5.27",
|
"@vue/compiler-dom": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/devtools-api": {
|
"@vue/devtools-api": {
|
||||||
@@ -9506,46 +9520,46 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/reactivity": {
|
"@vue/reactivity": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.35.tgz",
|
||||||
"integrity": "sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==",
|
"integrity": "sha512-tVc+SsHConvh/Lz64qq1pP3rYArBmK42xonovEcxY74SQtvctZodG/zhq54P5dr38cVuw25d27cPNRdlMidpGQ==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/runtime-core": {
|
"@vue/runtime-core": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.35.tgz",
|
||||||
"integrity": "sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==",
|
"integrity": "sha512-A/xFNX9loIcWDygeQuNCfKuh0CoYBzxhqEMNah5TSFg9Z53DrFYEN2qi5CU9necjM1OWYegYREUTHmXTmhfXtg==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/reactivity": "3.5.27",
|
"@vue/reactivity": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/runtime-dom": {
|
"@vue/runtime-dom": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.35.tgz",
|
||||||
"integrity": "sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==",
|
"integrity": "sha512-odrJ1C391dbGnyDRh8U+rnP7J2amIEzfmRk5vXy7xi3aZhEXofTvpi0T4HJb6jlNqQZTNPR5MPHSB3RHNkIORA==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/reactivity": "3.5.27",
|
"@vue/reactivity": "3.5.35",
|
||||||
"@vue/runtime-core": "3.5.27",
|
"@vue/runtime-core": "3.5.35",
|
||||||
"@vue/shared": "3.5.27",
|
"@vue/shared": "3.5.35",
|
||||||
"csstype": "^3.2.3"
|
"csstype": "^3.2.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/server-renderer": {
|
"@vue/server-renderer": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.35.tgz",
|
||||||
"integrity": "sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==",
|
"integrity": "sha512-NkebSOYdB97wi8OQcO3HqzZSlymJi/aWsN/7h74OSVhRTm6qGs3Jp3e0rCXynmWwSlKeRrnlIug+ilYoHBmQDA==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/compiler-ssr": "3.5.27",
|
"@vue/compiler-ssr": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@vue/shared": {
|
"@vue/shared": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.35.tgz",
|
||||||
"integrity": "sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ=="
|
"integrity": "sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA=="
|
||||||
},
|
},
|
||||||
"@vue/tsconfig": {
|
"@vue/tsconfig": {
|
||||||
"version": "0.1.3",
|
"version": "0.1.3",
|
||||||
@@ -10147,6 +10161,12 @@
|
|||||||
"vary": "^1"
|
"vary": "^1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"cropper-next-vue": {
|
||||||
|
"version": "0.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/cropper-next-vue/-/cropper-next-vue-0.3.1.tgz",
|
||||||
|
"integrity": "sha512-B80WRLPavJ/xAjDEofPWLEqnMy99yzXy+Kpak3wMFf+X/TqebvhvBL3fM0P5ZHLRq0v9k0qSAqFjukBhHc3XZA==",
|
||||||
|
"requires": {}
|
||||||
|
},
|
||||||
"cross-spawn": {
|
"cross-spawn": {
|
||||||
"version": "7.0.3",
|
"version": "7.0.3",
|
||||||
"resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
|
"resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
|
||||||
@@ -10259,7 +10279,7 @@
|
|||||||
},
|
},
|
||||||
"csstype": {
|
"csstype": {
|
||||||
"version": "3.2.3",
|
"version": "3.2.3",
|
||||||
"resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
||||||
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="
|
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="
|
||||||
},
|
},
|
||||||
"data-view-buffer": {
|
"data-view-buffer": {
|
||||||
@@ -12111,9 +12131,9 @@
|
|||||||
"integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w=="
|
"integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w=="
|
||||||
},
|
},
|
||||||
"lodash-es": {
|
"lodash-es": {
|
||||||
"version": "4.17.23",
|
"version": "4.18.1",
|
||||||
"resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.23.tgz",
|
"resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
|
||||||
"integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg=="
|
"integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A=="
|
||||||
},
|
},
|
||||||
"lodash-unified": {
|
"lodash-unified": {
|
||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
@@ -12438,9 +12458,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"nanoid": {
|
"nanoid": {
|
||||||
"version": "3.3.11",
|
"version": "3.3.12",
|
||||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
|
||||||
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="
|
"integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ=="
|
||||||
},
|
},
|
||||||
"nanomatch": {
|
"nanomatch": {
|
||||||
"version": "1.2.13",
|
"version": "1.2.13",
|
||||||
@@ -13050,11 +13070,11 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"postcss": {
|
"postcss": {
|
||||||
"version": "8.5.6",
|
"version": "8.5.15",
|
||||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
|
||||||
"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
|
"integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"nanoid": "^3.3.11",
|
"nanoid": "^3.3.12",
|
||||||
"picocolors": "^1.1.1",
|
"picocolors": "^1.1.1",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
}
|
}
|
||||||
@@ -14816,15 +14836,15 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"vue": {
|
"vue": {
|
||||||
"version": "3.5.27",
|
"version": "3.5.35",
|
||||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.27.tgz",
|
"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.35.tgz",
|
||||||
"integrity": "sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==",
|
"integrity": "sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@vue/compiler-dom": "3.5.27",
|
"@vue/compiler-dom": "3.5.35",
|
||||||
"@vue/compiler-sfc": "3.5.27",
|
"@vue/compiler-sfc": "3.5.35",
|
||||||
"@vue/runtime-dom": "3.5.27",
|
"@vue/runtime-dom": "3.5.35",
|
||||||
"@vue/server-renderer": "3.5.27",
|
"@vue/server-renderer": "3.5.35",
|
||||||
"@vue/shared": "3.5.27"
|
"@vue/shared": "3.5.35"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"vue-eslint-parser": {
|
"vue-eslint-parser": {
|
||||||
|
|||||||
@@ -14,9 +14,11 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.3.6",
|
"axios": "^1.3.6",
|
||||||
|
"cropper-next-vue": "^0.3.1",
|
||||||
"crypto-js": "^4.2.0",
|
"crypto-js": "^4.2.0",
|
||||||
"element-plus": "^2.13.2",
|
"element-plus": "^2.13.2",
|
||||||
"gsap": "^3.13.0",
|
"gsap": "^3.13.0",
|
||||||
|
"lodash-es": "^4.18.1",
|
||||||
"markdown-it": "^14.1.0",
|
"markdown-it": "^14.1.0",
|
||||||
"md5": "^2.3.0",
|
"md5": "^2.3.0",
|
||||||
"normalize.css": "^8.0.1",
|
"normalize.css": "^8.0.1",
|
||||||
@@ -24,7 +26,7 @@
|
|||||||
"pinia-persistedstate-plugin": "^0.1.0",
|
"pinia-persistedstate-plugin": "^0.1.0",
|
||||||
"pinia-plugin-persistedstate": "^3.1.0",
|
"pinia-plugin-persistedstate": "^3.1.0",
|
||||||
"swiper": "^12.1.3",
|
"swiper": "^12.1.3",
|
||||||
"vue": "^3.2.47",
|
"vue": "^3.5.35",
|
||||||
"vue-i18n": "^11.2.8",
|
"vue-i18n": "^11.2.8",
|
||||||
"vue-router": "^4.1.6"
|
"vue-router": "^4.1.6"
|
||||||
},
|
},
|
||||||
|
|||||||
BIN
public/images/home/digital-items-1.png
Normal file
|
After Width: | Height: | Size: 201 KiB |
BIN
public/images/home/digital-items-2.jpg
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/images/home/digital-items-3.png
Normal file
|
After Width: | Height: | Size: 622 KiB |
BIN
public/images/home/digital-items-4.png
Normal file
|
After Width: | Height: | Size: 199 KiB |
BIN
public/images/home/digital-items-5.png
Normal file
|
After Width: | Height: | Size: 188 KiB |
BIN
public/images/home/digital-items-6.png
Normal file
|
After Width: | Height: | Size: 177 KiB |
BIN
public/images/home/digital-items-7.png
Normal file
|
After Width: | Height: | Size: 244 KiB |
BIN
public/images/home/digital-items-8.png
Normal file
|
After Width: | Height: | Size: 158 KiB |
64
src/App.vue
@@ -1,32 +1,75 @@
|
|||||||
<template>
|
<template>
|
||||||
<main-header />
|
<main-header />
|
||||||
<div class="view" ref="viewRef" :style="{ '--app-view-height': viewHeight + 'px' }">
|
<div class="view" ref="viewRef" :style="viewStyle"><RouteCache /></div>
|
||||||
<RouteCache />
|
|
||||||
</div>
|
|
||||||
<login-dialog />
|
<login-dialog />
|
||||||
<div id="loading" v-if="loading" v-loading="true"></div>
|
<div id="loading" v-if="loading" v-loading="true"></div>
|
||||||
|
<shopping-drawer />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, onMounted, ref, onBeforeUnmount } from 'vue'
|
import { computed, onMounted, ref, onBeforeUnmount, watch } from 'vue'
|
||||||
import RouteCache from '@/components/RouteCache.vue'
|
import RouteCache from '@/components/RouteCache.vue'
|
||||||
import MainHeader from '@/views/main-header.vue'
|
import MainHeader from '@/views/main-header.vue'
|
||||||
import LoginDialog from '@/views/login/login-dialog.vue'
|
import LoginDialog from '@/views/login/login-dialog.vue'
|
||||||
import { useGlobalStore } from '@/stores'
|
import { useGlobalStore, useUserInfoStore } from '@/stores'
|
||||||
|
import ShoppingDrawer from '@/views/shopping-drawer.vue'
|
||||||
|
import { wsManager } from '@/utils/websocket'
|
||||||
|
|
||||||
const globalStore = useGlobalStore()
|
const globalStore = useGlobalStore()
|
||||||
|
const userInfoStore = useUserInfoStore()
|
||||||
const loading = computed(() => globalStore.state.loading)
|
const loading = computed(() => globalStore.state.loading)
|
||||||
|
globalStore.setLoading(false)
|
||||||
const viewRef = ref()
|
const viewRef = ref()
|
||||||
const viewHeight = ref(0)
|
const viewStyle = ref({
|
||||||
|
'--app-view-width': '',
|
||||||
|
'--app-view-height': ''
|
||||||
|
})
|
||||||
const observer = new ResizeObserver((entries) => {
|
const observer = new ResizeObserver((entries) => {
|
||||||
const { width, height } = entries[0].contentRect
|
const { width, height } = entries[0].contentRect
|
||||||
viewHeight.value = height
|
viewStyle.value['--app-view-width'] = width + 'px'
|
||||||
|
viewStyle.value['--app-view-height'] = height + 'px'
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// 监听 token 变化,建立或关闭 WebSocket 连接
|
||||||
|
watch(
|
||||||
|
() => userInfoStore.state.token,
|
||||||
|
(newToken, oldToken) => {
|
||||||
|
if (newToken && newToken !== oldToken) {
|
||||||
|
// 用户登录,建立 WebSocket 连接
|
||||||
|
console.log('用户已登录,建立 WebSocket 连接')
|
||||||
|
wsManager.connect(newToken)
|
||||||
|
} else if (!newToken && oldToken) {
|
||||||
|
// 用户退出登录,关闭 WebSocket 连接
|
||||||
|
console.log('用户已退出,关闭 WebSocket 连接')
|
||||||
|
wsManager.close()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
)
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
observer.observe(viewRef.value)
|
observer.observe(viewRef.value)
|
||||||
|
|
||||||
|
// 如果已经有 token,立即建立连接
|
||||||
|
const token = userInfoStore.state.token
|
||||||
|
if (token) {
|
||||||
|
console.log('应用启动时检测到 token,建立 WebSocket 连接')
|
||||||
|
wsManager.connect(token)
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
observer.disconnect()
|
observer.disconnect()
|
||||||
|
// 组件卸载时关闭 WebSocket 连接
|
||||||
|
wsManager.close()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
window['onClickPrivacy'] = () => {
|
||||||
|
const e = window.event || event
|
||||||
|
e.stopPropagation()
|
||||||
|
e.preventDefault()
|
||||||
|
console.log('点击了隐私政策')
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
@@ -42,10 +85,9 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
// background-color: rgba(0, 0, 0, 0.3);
|
--el-mask-color: rgba(0, 0, 0, 0.3);
|
||||||
// display: flex;
|
--el-color-primary: #007bff;
|
||||||
// align-items: center;
|
--el-loading-spinner-size: 9rem;
|
||||||
// justify-content: center;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
136
src/api/account.ts
Normal file
@@ -0,0 +1,136 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 登录发送验证码
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.email - 邮箱
|
||||||
|
* @param data.password - 密码
|
||||||
|
*/
|
||||||
|
export const AccountSendLoginCode = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/preLogin',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 登录
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.email - 邮箱
|
||||||
|
* @param data.password - 密码
|
||||||
|
* @param data.emailVerifyCode - 验证码
|
||||||
|
*/
|
||||||
|
export const AccountLogin = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/login',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 注册
|
||||||
|
* @param data - 包含注册信息的参数
|
||||||
|
* @param data.email - 邮箱
|
||||||
|
* @param data.password - 密码
|
||||||
|
* @param data.username - 用户名
|
||||||
|
* @param data.emailVerifyCode - 验证码
|
||||||
|
*/
|
||||||
|
export const AccountRegister = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/register',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 注册||忘记密码:发送邮箱验证码
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.email - 邮箱
|
||||||
|
* @param data.operationType - 操作类型:FORGET_PWD, REGISTER
|
||||||
|
*/
|
||||||
|
export const AccountSendVerifyCode = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/sendCode',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 忘记密码:重置密码
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.email - 邮箱
|
||||||
|
* @param data.password - 密码
|
||||||
|
* @param data.emailVerifyCode - 验证码
|
||||||
|
*/
|
||||||
|
export const AccountResetPassword = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/resetPassword',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 通用验证码校验
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.email - 邮箱
|
||||||
|
* @param data.emailVerifyCode - 验证码
|
||||||
|
* @param data.operationType - 操作类型:FORGET_PWD, BIND_MAILBOX
|
||||||
|
*/
|
||||||
|
export const AccountVerifyCode = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/verifyCode',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 变更邮箱:发送新邮箱验证码
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.oldEmail - 旧邮箱
|
||||||
|
* @param data.newEmail - 新邮箱
|
||||||
|
*/
|
||||||
|
export const AccountSendEmailChangeCode = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/sendEmailChangeCode',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 变更邮箱:绑定新邮箱
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.oldEmail - 旧邮箱
|
||||||
|
* @param data.newEmail - 新邮箱
|
||||||
|
* @param data.emailVerifyCode - 验证码
|
||||||
|
*/
|
||||||
|
export const AccountBindEmail = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/bindEmail',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 退出登录
|
||||||
|
* @param data - 参数
|
||||||
|
* @param data.userId - 用户ID
|
||||||
|
*/
|
||||||
|
export const AccountLogout = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/account/logout',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading: true
|
||||||
|
})
|
||||||
|
}
|
||||||
35
src/api/brand.ts
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
/**
|
||||||
|
* 获取店铺列表
|
||||||
|
* @param data 获取店铺列表的参数
|
||||||
|
* @param data.keyword 模糊查询店铺
|
||||||
|
* @returns 获取店铺列表
|
||||||
|
*/
|
||||||
|
export interface designerListData {
|
||||||
|
keyword: string
|
||||||
|
}
|
||||||
|
export const getDesignerList = (data:designerListData,loading?:boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/designer/search',
|
||||||
|
method: 'get',
|
||||||
|
params: data,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取店铺详情
|
||||||
|
* @param data 获取店铺详情的参数
|
||||||
|
* @param data.sellerId 店铺 id
|
||||||
|
* @returns 获取店铺详情
|
||||||
|
*/
|
||||||
|
export interface designerDetailData {
|
||||||
|
sellerId?: string
|
||||||
|
}
|
||||||
|
export const getDesignerDetail = (data:designerDetailData,loading?:boolean) => {
|
||||||
|
return request({
|
||||||
|
url: `/buyer/designer/shop/${data.sellerId}`,
|
||||||
|
method: 'get',
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
70
src/api/listing.ts
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
/**
|
||||||
|
* 获取店铺商品列表
|
||||||
|
* @param data 获取店铺商品列表的参数
|
||||||
|
* @param data.sellerId 店铺id
|
||||||
|
* @param data.designFor 查询类型 female/male/all
|
||||||
|
* @param data.pageNum 页码
|
||||||
|
* @param data.pageSize 页面大小
|
||||||
|
* @returns 获取店铺商品列表
|
||||||
|
*/
|
||||||
|
export interface listingListData {
|
||||||
|
sellerId?: string
|
||||||
|
designFor?: string
|
||||||
|
pageNum?: number
|
||||||
|
pageSize?: number
|
||||||
|
}
|
||||||
|
export const getlistingListApi = (data:listingListData,loading?:boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/listing/shop/seller',
|
||||||
|
method: 'get',
|
||||||
|
params: data,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取商品详情
|
||||||
|
* @param data 获取商品详情的参数
|
||||||
|
* @param data.id 商品 id
|
||||||
|
* @returns 获取商品详情
|
||||||
|
*/
|
||||||
|
export interface listingDetailData {
|
||||||
|
id?: string
|
||||||
|
}
|
||||||
|
export const getListingDetailApi = (data:listingDetailData,loading?:boolean) => {
|
||||||
|
return request({
|
||||||
|
url: `/buyer/listing/mall/detail`,
|
||||||
|
method: 'get',
|
||||||
|
params: data,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取资产数字商品列表
|
||||||
|
* @param data 获取资产数字商品列表的参数
|
||||||
|
* @param data.designFor 查询类型 female/male/all
|
||||||
|
* @param data.categories 商品分类
|
||||||
|
* @param data.sortField 排序字段 price/salesVolume/updateTime/viewCount/createTime,默认 updateTime
|
||||||
|
* @param data.sortOrder 排序顺序:asc/desc,默认 desc
|
||||||
|
* @param data.pageNum 页码
|
||||||
|
* @param data.pageSize 页面大小
|
||||||
|
* @returns 获取资产数字商品列表
|
||||||
|
*/
|
||||||
|
export interface listingMallData {
|
||||||
|
designFor: string,
|
||||||
|
categories: string[],
|
||||||
|
sortField: string,
|
||||||
|
sortOrder: string,
|
||||||
|
pageNum: number,
|
||||||
|
pageSize: number
|
||||||
|
}
|
||||||
|
export const getListingMallListApi = (data:listingMallData,loading?:boolean) => {
|
||||||
|
return request({
|
||||||
|
url: `/buyer/listing/mall`,
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -1,77 +0,0 @@
|
|||||||
import request from '@/utils/request'
|
|
||||||
|
|
||||||
interface LoginParamsType {
|
|
||||||
name?: string // 姓名
|
|
||||||
email: string // 邮箱
|
|
||||||
password?: string // 密码
|
|
||||||
operationType: 'REGISTER' | 'LOGIN' | 'FORGET_PWD'
|
|
||||||
verifyCode?: string // 验证码
|
|
||||||
}
|
|
||||||
|
|
||||||
// 发送验证码
|
|
||||||
export const precheckEmail = (params: { email: string }): Promise<ApiResponse> => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/precheckEmail',
|
|
||||||
method: 'get',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export const fetchRegisterOrLogin = (data: LoginParamsType): Promise<LoginResponse> => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/registerOrLogin',
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export const resetPassword = (data: LoginParamsType): Promise<ApiResponse> => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/forgotPwd',
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export const checkLoginStatus = (): Promise<ApiResponse<LoginResponse>> => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/checkLoginStatus',
|
|
||||||
method: 'get',
|
|
||||||
meta: { responseAll: true }
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export const LogOut = (): Promise<ApiResponse> => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/logout',
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// Google登录/注册参数类型
|
|
||||||
interface GoogleAuthParamsType {
|
|
||||||
accessToken?: string // Google ID Token (用于One Tap登录)
|
|
||||||
}
|
|
||||||
export const googleAuth = (data: GoogleAuthParamsType): Promise<LoginResponse> => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/parseGoogleAccessToken',
|
|
||||||
method: 'get',
|
|
||||||
params: data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/** 更改用户信息
|
|
||||||
* @param data 包含用户信息的对象
|
|
||||||
* @param data.username 用户名
|
|
||||||
* @param data.email 邮箱
|
|
||||||
* @param data.password 密码
|
|
||||||
* @returns 包含更新后的用户信息的对象
|
|
||||||
*/
|
|
||||||
export const updateUserInfo = (data: any) => {
|
|
||||||
return request({
|
|
||||||
url: '/api/auth/updateUserInfo',
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
40
src/api/notification.ts
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
interface Page {
|
||||||
|
page: number
|
||||||
|
size: number
|
||||||
|
type?: number
|
||||||
|
isRead?: 0 | 1 // 0未读1已读
|
||||||
|
keyword?: string // 关键词搜索标题Ï
|
||||||
|
}
|
||||||
|
export const fetchAllMessageList = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/message/page',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取所有未读消息数量
|
||||||
|
export const fetchAllUnreadMessage = () => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/message/unread-count',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 标记单条消息已读
|
||||||
|
export const markMessageAsRead = (id: number | string) => {
|
||||||
|
return request({
|
||||||
|
url: `/buyer/buyer/message/${id}/read`,
|
||||||
|
method: 'put'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 标记全部消息已读
|
||||||
|
export const markAllMessagesAsRead = () => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/message/read-all',
|
||||||
|
method: 'put'
|
||||||
|
})
|
||||||
|
}
|
||||||
91
src/api/shoppingCart.ts
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 加入购物车
|
||||||
|
* @param data - 包含邮箱的参数
|
||||||
|
* @param data.listingId - 商品ID
|
||||||
|
* @param data.listingIds - 商品ID列表
|
||||||
|
*/
|
||||||
|
export const AddShoppingCart = (data, loading?: boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/cart/add',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 清空购物车
|
||||||
|
*/
|
||||||
|
export const ClearShoppingCart = (loading?: boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/cart/clear',
|
||||||
|
method: 'delete',
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取购物车列表
|
||||||
|
* @param loading - 是否显示loading
|
||||||
|
* @returns 购物车列表数据
|
||||||
|
*/
|
||||||
|
export const GetShoppingCartList = (loading?: boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/cart/list',
|
||||||
|
method: 'get',
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 从购物车移除商品
|
||||||
|
* @param params - 包含邮箱的参数
|
||||||
|
* @param params.listingId - 商品ID
|
||||||
|
*/
|
||||||
|
export const RemoveShoppingCartItem = (params, loading?: boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/cart/remove',
|
||||||
|
method: 'delete',
|
||||||
|
params,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 创建订单
|
||||||
|
* @param { Array } data - 商品id数组
|
||||||
|
* @param loading - 是否显示loading
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const CreateOrder = (data, loading?: boolean) => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/order/create',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
loading
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取订单状态
|
||||||
|
* @param { String } paymentId - 订单ID
|
||||||
|
* @param loading - 是否显示loading
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const GetOrderStatus = (paymentId: string) => {
|
||||||
|
return request({
|
||||||
|
url: `/buyer/buyer/payment/status/${paymentId}`,
|
||||||
|
method: 'get',
|
||||||
|
loading: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export const ORDER_STATUS = {
|
||||||
|
PENDING: 0,//待支付
|
||||||
|
SUCCESS: 1,//支付成功
|
||||||
|
FAILED: 2,//支付失败
|
||||||
|
CANCELED: 3,//已取消支付
|
||||||
|
PARTIAL_REFUND: 4,//已部分退款
|
||||||
|
FULL_REFUND: 5,//已全额退款
|
||||||
|
}
|
||||||
172
src/api/user.ts
Normal file
@@ -0,0 +1,172 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
export interface AxiosProgressEvent {
|
||||||
|
loaded: number
|
||||||
|
total?: number
|
||||||
|
progress?: number
|
||||||
|
bytes: number
|
||||||
|
rate?: number
|
||||||
|
estimated?: number
|
||||||
|
upload?: boolean
|
||||||
|
download?: boolean
|
||||||
|
event?: any
|
||||||
|
}
|
||||||
|
export interface WardrobeItem {
|
||||||
|
buyerId: number
|
||||||
|
categories: string[]
|
||||||
|
designFor: 'female' | 'male' | 'all'
|
||||||
|
page: number
|
||||||
|
size: number
|
||||||
|
}
|
||||||
|
// 获取我的衣橱assets
|
||||||
|
export const fetchMyWardrobe = (data: WardrobeItem): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/order/assets/page',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface OrderItem {
|
||||||
|
status?: number // 0未支付 1已支付 2已取消 不传查全部
|
||||||
|
page: number
|
||||||
|
size: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface OrdersPageResponse {
|
||||||
|
content: any[]
|
||||||
|
}
|
||||||
|
// 获取我的衣橱 orders
|
||||||
|
export const fetchMyOrders = (data: OrderItem): Promise<OrdersPageResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/buyer/order/page',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Download {
|
||||||
|
ids: string[]
|
||||||
|
}
|
||||||
|
// 下载资源
|
||||||
|
export const fetchDownloadItemsByGet = (
|
||||||
|
params: Download,
|
||||||
|
onDownloadProgress?: (event: AxiosProgressEvent) => void
|
||||||
|
): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/listing/mall/main-product/download',
|
||||||
|
method: 'get',
|
||||||
|
responseType: 'blob',
|
||||||
|
timeout: 600000,
|
||||||
|
params,
|
||||||
|
paramsSerializer: (p: any) => {
|
||||||
|
const usp = new URLSearchParams()
|
||||||
|
if (p && p.ids && Array.isArray(p.ids)) {
|
||||||
|
p.ids.forEach((id: any) => usp.append('ids', String(id)))
|
||||||
|
} else if (p) {
|
||||||
|
Object.keys(p).forEach((k) => {
|
||||||
|
const v = (p as any)[k]
|
||||||
|
if (Array.isArray(v)) {
|
||||||
|
v.forEach((x) => usp.append(k, String(x)))
|
||||||
|
} else if (v !== undefined && v !== null) {
|
||||||
|
usp.append(k, String(v))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return usp.toString()
|
||||||
|
},
|
||||||
|
onDownloadProgress
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取用户信息
|
||||||
|
export const fetchUserProfile = (): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/getProfile',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 设置用户信息
|
||||||
|
export interface UserProfile {
|
||||||
|
firstName: string
|
||||||
|
lastName: string
|
||||||
|
username: string
|
||||||
|
roles: string[]
|
||||||
|
region: string
|
||||||
|
language: string
|
||||||
|
email: string
|
||||||
|
avatarUrl?: string
|
||||||
|
oldPassword?: string
|
||||||
|
newPassword?: string
|
||||||
|
verifyCode?: string
|
||||||
|
}
|
||||||
|
export const updateUserProfile = (data: UserProfile): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/setProfile',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 设置头像
|
||||||
|
interface AvatarData {
|
||||||
|
avatarUrl: string
|
||||||
|
}
|
||||||
|
export const updateUserAvatar = (data: AvatarData): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/setAvatar',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取设置页验证码
|
||||||
|
export const fetchVerifyCode = (): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/sendEmailChangeCode',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证设置页验证码
|
||||||
|
export const verifyEmailCode = (verifyCode: string): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/verifyEmailChangeCode',
|
||||||
|
method: 'post',
|
||||||
|
data: { verifyCode }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取用户语言设置
|
||||||
|
export const getUserLanguage = (): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/getLanguage',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 设置语言
|
||||||
|
export const setUserLanguage = (
|
||||||
|
language: 'ENGLISH' | 'CHINESE_SIMPLIFIED'
|
||||||
|
): Promise<ApiResponse> => {
|
||||||
|
return request({
|
||||||
|
url: '/buyer/profile/setLanguage',
|
||||||
|
method: 'post',
|
||||||
|
data: { language }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 文件上传
|
||||||
|
export const uploadFile = (file: File): Promise<ApiResponse> => {
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
return request({
|
||||||
|
url: '/buyer/file/upload',
|
||||||
|
method: 'post',
|
||||||
|
data: formData,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'multipart/form-data'
|
||||||
|
},
|
||||||
|
timeout: 60000
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -7,133 +7,152 @@ h1,
|
|||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
html,
|
html,
|
||||||
body,
|
body,
|
||||||
#app {
|
#app {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-family: 'KaiseiOpti-Medium';
|
font-family: 'KaiseiOpti-Medium';
|
||||||
|
color: #232323;
|
||||||
}
|
}
|
||||||
@keyframes loading {
|
@keyframes loading {
|
||||||
0% {
|
0% {
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes opacity-in {
|
@keyframes opacity-in {
|
||||||
0% {
|
0% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes z-index-10to-1 {
|
@keyframes z-index-10to-1 {
|
||||||
0% {
|
0% {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.flex-center {
|
.flex-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.flex-1 {
|
.flex-1 {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.flex-col {
|
.flex-col {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.align-center {
|
.align-center {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.space-between {
|
.space-between {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.justify-center {
|
.justify-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.relative {
|
.relative {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.el-overlay {
|
.el-overlay {
|
||||||
--el-color-primary: #ff7a51;
|
--el-color-primary: #ff7a51;
|
||||||
--el-color-primary-light-3: #ffa785;
|
--el-color-primary-light-3: #ffa785;
|
||||||
--el-color-primary-light-5: #ffc2aa;
|
--el-color-primary-light-5: #ffc2aa;
|
||||||
--el-color-primary-light-7: #ffddcf;
|
--el-color-primary-light-7: #ffddcf;
|
||||||
--el-color-primary-light-8: #ffe8df;
|
--el-color-primary-light-8: #ffe8df;
|
||||||
--el-color-primary-light-9: #fff2ec;
|
--el-color-primary-light-9: #fff2ec;
|
||||||
--el-color-primary-dark-2: #cc6241;
|
--el-color-primary-dark-2: #cc6241;
|
||||||
}
|
}
|
||||||
.el-select,
|
.el-select,
|
||||||
.el-popper {
|
.el-popper {
|
||||||
--el-color-primary: #6c6c6c;
|
--el-color-primary: #6c6c6c;
|
||||||
/* 主灰色 */
|
/* 主灰色 */
|
||||||
--el-color-primary-light-3: #8a8a8a;
|
--el-color-primary-light-3: #8a8a8a;
|
||||||
/* 较浅的灰色(混合20%白) */
|
/* 较浅的灰色(混合20%白) */
|
||||||
--el-color-primary-light-5: #a8a8a8;
|
--el-color-primary-light-5: #a8a8a8;
|
||||||
/* 更浅的灰色(混合33%白) */
|
/* 更浅的灰色(混合33%白) */
|
||||||
--el-color-primary-light-7: #c6c6c6;
|
--el-color-primary-light-7: #c6c6c6;
|
||||||
/* 浅灰色(混合47%白) */
|
/* 浅灰色(混合47%白) */
|
||||||
--el-color-primary-light-8: #d4d4d4;
|
--el-color-primary-light-8: #d4d4d4;
|
||||||
/* 很浅的灰色(混合53%白) */
|
/* 很浅的灰色(混合53%白) */
|
||||||
--el-color-primary-light-9: #e3e3e3;
|
--el-color-primary-light-9: #e3e3e3;
|
||||||
/* 极浅的灰色(混合60%白) */
|
/* 极浅的灰色(混合60%白) */
|
||||||
--el-color-primary-dark-2: #565656;
|
--el-color-primary-dark-2: #565656;
|
||||||
/* 深灰色(加深20%) */
|
/* 深灰色(加深20%) */
|
||||||
|
}
|
||||||
|
.mini-scrollbar {
|
||||||
|
--mini-scrollbar-width: 0.4rem;
|
||||||
}
|
}
|
||||||
.mini-scrollbar::-webkit-scrollbar {
|
.mini-scrollbar::-webkit-scrollbar {
|
||||||
width: 0.4rem;
|
width: var(--mini-scrollbar-width);
|
||||||
}
|
}
|
||||||
.mini-scrollbar::-webkit-scrollbar-thumb {
|
.mini-scrollbar::-webkit-scrollbar-thumb {
|
||||||
border-radius: 0.4rem;
|
border-radius: 0.4rem;
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
.mosaic-bg {
|
.mosaic-bg {
|
||||||
--mosaic-bg-size: 1rem;
|
--mosaic-bg-size: 1rem;
|
||||||
--mosaic-bg-color1: #efefef;
|
--mosaic-bg-color1: #efefef;
|
||||||
--mosaic-bg-color2: #fff;
|
--mosaic-bg-color2: #fff;
|
||||||
background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
|
background-image: repeating-conic-gradient(
|
||||||
background-repeat: repeat;
|
var(--mosaic-bg-color1) 0% 25%,
|
||||||
background-position: 50% 50%;
|
var(--mosaic-bg-color2) 0% 50%
|
||||||
background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
|
);
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
|
||||||
}
|
}
|
||||||
button[custom],
|
button[custom],
|
||||||
button[custom="white"] {
|
button[custom='white'] {
|
||||||
min-width: 19.4rem;
|
min-width: 19.4rem;
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
font-family: KaiseiOpti-Bold;
|
||||||
font-family: KaiseiOpti-Bold;
|
font-size: var(--button-font-size, 2rem);
|
||||||
font-size: var(--button-font-size, 2rem);
|
color: var(--button-color, #232323);
|
||||||
color: var(--button-color, #232323);
|
background: var(--button-bgcolor, #fff);
|
||||||
background: var(--button-bgcolor, #fff);
|
border: var(--button-border, none);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
button[custom]:active,
|
button[custom]:active,
|
||||||
button[custom="white"]:active {
|
button[custom='white']:active {
|
||||||
background: var(--button-click-bgcolor, #e4e4e4);
|
background: var(--button-click-bgcolor, #e4e4e4);
|
||||||
color: var(--button-click-color, #232323);
|
color: var(--button-click-color, #232323);
|
||||||
}
|
}
|
||||||
button[custom="black"] {
|
button[custom='black'] {
|
||||||
--button-bgcolor: #232323;
|
--button-bgcolor: #232323;
|
||||||
--button-color: #fff;
|
--button-color: #fff;
|
||||||
--button-click-bgcolor: #333;
|
--button-click-bgcolor: #333;
|
||||||
--button-click-color: #fff;
|
--button-click-color: #fff;
|
||||||
--button-font-size: 1.6rem;
|
--button-font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
button[custom='black-box'] {
|
||||||
|
--button-bgcolor: transparent;
|
||||||
|
--button-color: #232323;
|
||||||
|
--button-border: 0.2rem solid #979797;
|
||||||
|
--button-click-bgcolor: #979797;
|
||||||
|
--button-click-color: #fff;
|
||||||
|
--button-font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-select-dropdown .el-select-dropdown__item {
|
||||||
|
padding: 0 2rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ body,
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-family: 'KaiseiOpti-Medium';
|
font-family: 'KaiseiOpti-Medium';
|
||||||
|
color: #232323;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes loading {
|
@keyframes loading {
|
||||||
@@ -118,8 +119,10 @@ body,
|
|||||||
|
|
||||||
// 迷你滚动条
|
// 迷你滚动条
|
||||||
.mini-scrollbar {
|
.mini-scrollbar {
|
||||||
|
--mini-scrollbar-width: 0.4rem;
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 0.4rem;
|
width: var(--mini-scrollbar-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
@@ -146,11 +149,11 @@ button[custom="white"] {
|
|||||||
height: 5rem;
|
height: 5rem;
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
|
||||||
font-family: KaiseiOpti-Bold;
|
font-family: KaiseiOpti-Bold;
|
||||||
font-size: var(--button-font-size, 2rem);
|
font-size: var(--button-font-size, 2rem);
|
||||||
color: var(--button-color, #232323);
|
color: var(--button-color, #232323);
|
||||||
background: var(--button-bgcolor, #fff);
|
background: var(--button-bgcolor, #fff);
|
||||||
|
border: var(--button-border, none);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
@@ -166,3 +169,12 @@ button[custom="black"] {
|
|||||||
--button-click-color: #fff;
|
--button-click-color: #fff;
|
||||||
--button-font-size: 1.6rem;
|
--button-font-size: 1.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button[custom="black-box"] {
|
||||||
|
--button-bgcolor: transparent;
|
||||||
|
--button-color: #232323;
|
||||||
|
--button-border: 0.2rem solid #979797;
|
||||||
|
--button-click-bgcolor: #979797;
|
||||||
|
--button-click-color: #fff;
|
||||||
|
--button-font-size: 1.6rem;
|
||||||
|
}
|
||||||
6
src/assets/icons/Invoice.svg
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M13.75 5.41675H6.25V6.25008H13.75V5.41675Z" fill="currentColor"/>
|
||||||
|
<path d="M13.75 8.75H6.25V9.58333H13.75V8.75Z" fill="currentColor"/>
|
||||||
|
<path d="M10.4167 12.0833H6.25V12.9166H10.4167V12.0833Z" fill="currentColor"/>
|
||||||
|
<path d="M2.5 18.3334L6.25 16.6667L10 18.3334L13.75 16.6667L17.5 18.3334V1.66675H2.5V18.3334ZM3.33333 2.50008H16.6667V17.0509L14.0883 15.9051L13.75 15.7547L13.4117 15.9051L10 17.4213L6.58833 15.9051L6.25 15.7547L5.91167 15.9051L3.33333 17.0509V2.50008Z" fill="currentColor"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 602 B |
5
src/assets/icons/ThumbEdit.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="15" cy="15" r="14.5" fill="#232323" stroke="white"/>
|
||||||
|
<path d="M8.18359 19.5693V22.3285H11.8137C12.056 22.3285 12.2879 22.2298 12.4559 22.055L22.7247 11.3755C23.061 11.0257 23.0556 10.4711 22.7125 10.128L20.4083 7.82384C20.0557 7.47124 19.4824 7.47665 19.1365 7.83584L8.43278 18.9513C8.27291 19.1173 8.18359 19.3388 8.18359 19.5693Z" stroke="white" stroke-width="0.89098" stroke-linecap="round"/>
|
||||||
|
<path d="M17.9883 8.96387L21.5522 12.5278" stroke="white" stroke-width="0.89098" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 641 B |
5
src/assets/icons/brand/delete.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.1113 5.26938H12.1387V3.63221C12.1387 2.87065 11.518 2.25 10.7565 2.25H6.73062C5.96906 2.25 5.34841 2.87065 5.34841 3.63221V5.26938H3.37575C3.16774 5.26938 3 5.43713 3 5.64513C3 5.85313 3.16774 6.02087 3.37575 6.02087H4.00646V14.3678C4.00646 15.1293 4.62711 15.75 5.38867 15.75H12.0984C12.86 15.75 13.4806 15.1293 13.4806 14.3678V6.02423H14.1113C14.3193 6.02423 14.4871 5.85649 14.4871 5.64848C14.4871 5.44048 14.3193 5.27274 14.1113 5.27274V5.26938ZM6.73062 3.00485H10.7565C11.102 3.00485 11.3872 3.28666 11.3872 3.63556V5.12848C11.3872 5.209 11.3234 5.27274 11.2429 5.27274H6.24751C6.167 5.27274 6.10325 5.209 6.10325 5.12848V3.63556C6.10325 3.29001 6.38506 3.00485 6.73397 3.00485H6.73062ZM12.0984 15.0019H5.38867C5.04312 15.0019 4.75795 14.7201 4.75795 14.3711V6.02423H12.7258V14.3711C12.7258 14.7167 12.444 15.0019 12.0951 15.0019H12.0984Z" fill="#979797"/>
|
||||||
|
<path d="M7.40098 7.95319C7.15943 7.95319 6.96484 8.14777 6.96484 8.38932V12.2977C6.96484 12.5393 7.15943 12.7339 7.40098 12.7339C7.64253 12.7339 7.83711 12.5393 7.83711 12.2977V8.38932C7.83711 8.14777 7.64253 7.95319 7.40098 7.95319Z" fill="#979797"/>
|
||||||
|
<path d="M10.0846 7.95319C9.84302 7.95319 9.64844 8.14777 9.64844 8.38932V12.2977C9.64844 12.5393 9.84302 12.7339 10.0846 12.7339C10.3261 12.7339 10.5207 12.5393 10.5207 12.2977V8.38932C10.5207 8.14777 10.3261 7.95319 10.0846 7.95319Z" fill="#979797"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
5
src/assets/icons/brand/more.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M9.5 12.5C9.5 13.8805 10.6195 15 12 15C13.3805 15 14.5 13.8805 14.5 12.5C14.5 11.1195 13.3805 10 12 10C10.6195 10 9.5 11.1195 9.5 12.5ZM13.5 12.5C13.5 13.327 12.827 14 12 14C11.173 14 10.5 13.327 10.5 12.5C10.5 11.673 11.173 11 12 11C12.827 11 13.5 11.673 13.5 12.5Z" fill="#7B7B7B"/>
|
||||||
|
<path d="M3 12.5C3 13.8805 4.1195 15 5.5 15C6.8805 15 8 13.8805 8 12.5C8 11.1195 6.8805 10 5.5 10C4.1195 10 3 11.1195 3 12.5ZM7 12.5C7 13.327 6.327 14 5.5 14C4.673 14 4 13.327 4 12.5C4 11.673 4.673 11 5.5 11C6.327 11 7 11.673 7 12.5Z" fill="#7B7B7B"/>
|
||||||
|
<path d="M16 12.5C16 13.8805 17.1195 15 18.5 15C19.8805 15 21 13.8805 21 12.5C21 11.1195 19.8805 10 18.5 10C17.1195 10 16 11.1195 16 12.5ZM20 12.5C20 13.327 19.327 14 18.5 14C17.673 14 17 13.327 17 12.5C17 11.673 17.673 11 18.5 11C19.327 11 20 11.673 20 12.5Z" fill="#7B7B7B"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 927 B |
4
src/assets/icons/brand/search.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="13.8654" cy="13.8665" r="7.86667" stroke="#232323" stroke-width="1.33333"/>
|
||||||
|
<path d="M19.5586 19.5552L26.6697 26.6663" stroke="#232323" stroke-width="1.33333" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 299 B |
3
src/assets/icons/brand/time.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10 20C4.48583 20 0 15.5142 0 10C0 4.48583 4.48583 0 10 0C15.5142 0 20 4.48583 20 10C20 15.5142 15.5142 20 10 20ZM10 0.833333C4.94583 0.833333 0.833333 4.94583 0.833333 10C0.833333 15.0542 4.94583 19.1667 10 19.1667C15.0542 19.1667 19.1667 15.0542 19.1667 10C19.1667 4.94583 15.0542 0.833333 10 0.833333ZM12.3333 14.0833C12.5175 13.945 12.555 13.6842 12.4175 13.5L10.0008 10.2775V4.58333C10.0008 4.35333 9.81417 4.16667 9.58417 4.16667C9.35417 4.16667 9.1675 4.35333 9.1675 4.58333V10.4167C9.1675 10.5067 9.19667 10.5942 9.25083 10.6667L11.7508 14C11.8333 14.1092 11.9583 14.1667 12.0842 14.1667C12.1708 14.1667 12.2583 14.1392 12.3333 14.0833Z" fill="black"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 773 B |
3
src/assets/icons/card.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M18 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM19 14C19 14.5515 18.5515 15 18 15H2C1.4485 15 1 14.5515 1 14V11H19V14ZM19 9H1V2C1 1.4485 1.4485 1 2 1H18C18.5515 1 19 1.4485 19 2V9Z" fill="#232323"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 356 B |
5
src/assets/icons/digital/Info.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.995 2C6.48087 2 2 6.48584 2 12C2 17.5142 6.48584 22 11.995 22C17.5042 22 21.9901 17.5142 21.9901 12C21.9901 6.48584 17.5092 2 11.995 2ZM11.995 20.8823C7.09687 20.8823 3.11277 16.8982 3.11277 12C3.11277 7.10184 7.09687 3.11773 11.995 3.11773C16.8932 3.11773 20.8773 7.10184 20.8773 12C20.8773 16.8982 16.8932 20.8823 11.995 20.8823Z" fill="#585858"/>
|
||||||
|
<path d="M12.6169 11.0065C12.6169 10.6636 12.3389 10.3856 11.996 10.3856C11.653 10.3856 11.375 10.6636 11.375 11.0065V16.9678C11.375 17.3107 11.653 17.5887 11.996 17.5887C12.3389 17.5887 12.6169 17.3107 12.6169 16.9678V11.0065Z" fill="#585858"/>
|
||||||
|
<path d="M11.9935 8.02584C12.54 8.02584 12.9871 7.57875 12.9871 7.0323C12.9871 6.48585 12.54 6.03876 11.9935 6.03876C11.4471 6.03876 11 6.48585 11 7.0323C11 7.57875 11.4471 8.02584 11.9935 8.02584Z" fill="#585858"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 928 B |
4
src/assets/icons/digital/back.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect x="0.583333" y="0.583333" width="26.8333" height="26.8333" stroke="#232323" stroke-width="1.16667"/>
|
||||||
|
<path d="M17.2441 19.3639C17.4438 19.5645 17.4438 19.8889 17.2441 20.0895C17.0442 20.2903 16.7205 20.2903 16.5205 20.0895L10.709 14.2506L10.707 14.2477C10.5752 14.1088 10.5718 13.8877 10.709 13.7496L16.5205 7.91077C16.7205 7.70981 17.0441 7.70981 17.2441 7.91077C17.4438 8.11136 17.4438 8.43576 17.2441 8.63635L12.0029 13.902V13.9078L11.9639 13.9489C11.9326 13.982 11.9358 14.0298 11.9619 14.0563L17.2441 19.3639Z" fill="#232323" stroke="#232323" stroke-width="0.28"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 679 B |
8
src/assets/icons/digital/document.svg
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14 3.5C17.0376 3.5 19.5 5.96243 19.5 9V20.5H4.5V3.5H14Z" stroke="#585858" stroke-linejoin="round"/>
|
||||||
|
<path d="M14.5 3.5C14.5 8 14.7 8 19.5 8" stroke="#585858"/>
|
||||||
|
<path d="M8 11H16" stroke="#585858" stroke-linecap="round"/>
|
||||||
|
<path d="M8 8H12" stroke="#585858" stroke-linecap="round"/>
|
||||||
|
<path d="M8 14H16" stroke="#585858" stroke-linecap="round"/>
|
||||||
|
<path d="M8 17H16" stroke="#585858" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 516 B |
5
src/assets/icons/digital/pullIcon.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.82684 8.7465L7.13386 6.43947L9.44089 8.7465C9.67278 8.97839 10.0474 8.97839 10.2793 8.7465C10.5112 8.51461 10.5112 8.14001 10.2793 7.90812L7.55008 5.17893C7.31819 4.94704 6.94359 4.94704 6.7117 5.17893L3.98251 7.90812C3.75062 8.14001 3.75062 8.51461 3.98251 8.7465C4.2144 8.97244 4.59495 8.97839 4.82684 8.7465Z" fill="black"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 506 B |
3
src/assets/icons/download.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 18.6667H25.3333V20H0V18.6667ZM18 8.39067L13.3333 13.0573V0H12V13.0573L7.33333 8.39067L6.39067 9.33333L12.6667 15.6093L18.9427 9.33333L18 8.39067Z" fill="currentColor"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 284 B |
4
src/assets/icons/downloadBtn.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M6.32243 7.42574L9.409 10.5123C9.43299 10.5363 9.46897 10.5443 9.50096 10.5323C9.53294 10.5203 9.55293 10.4883 9.55293 10.4563V2.94781C9.55293 2.69992 9.75284 2.50002 10.0007 2.50002C10.2486 2.50002 10.4485 2.69992 10.4485 2.94781V10.4563C10.4485 10.4923 10.4685 10.5203 10.5005 10.5323C10.5325 10.5443 10.5685 10.5403 10.5925 10.5123L13.679 7.42574C13.851 7.25782 14.1468 7.25782 14.3147 7.42574C14.3987 7.5097 14.4467 7.62565 14.4467 7.74559C14.4467 7.86554 14.3987 7.97749 14.3147 8.06545L10.1287 12.2515C10.0607 12.3195 9.93676 12.3195 9.86879 12.2515L5.68272 8.06545C5.59876 7.98148 5.55078 7.86554 5.55078 7.74559C5.55078 7.62565 5.59876 7.5137 5.68272 7.42574C5.85064 7.25782 6.1505 7.25782 6.31843 7.42574H6.32243Z" fill="currentColor"/>
|
||||||
|
<path d="M17.1966 12.6062C16.9487 12.6062 16.7488 12.8061 16.7488 13.054V16.2525C16.7488 16.4444 16.5929 16.6044 16.397 16.6044H3.60289C3.41098 16.6044 3.25106 16.4484 3.25106 16.2525V13.054C3.25106 12.8061 3.05115 12.6062 2.80326 12.6062C2.55538 12.6062 2.35547 12.8061 2.35547 13.054V16.2525C2.35547 16.9402 2.91521 17.4999 3.60289 17.4999H16.397C17.0847 17.4999 17.6444 16.9402 17.6444 16.2525V13.054C17.6444 12.8061 17.4445 12.6062 17.1966 12.6062Z" fill="currentColor"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
3
src/assets/icons/dui.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M19.7269 0.156104C19.5188 -0.0520347 19.1025 -0.0520347 18.8944 0.156104L7.13454 11.9159C6.97843 12.0721 6.66622 12.0721 6.51012 11.9159L0.994441 6.40027C0.786302 6.19213 0.370025 6.19213 0.161886 6.40027C-0.0462532 6.60841 0.00578167 6.66044 0.00578167 6.81655C0.00578167 6.97265 0.0578162 7.12876 0.161886 7.23283L6.40605 13.477C6.51012 13.5811 6.66622 13.6331 6.82233 13.6331C6.97843 13.6331 7.13454 13.5811 7.23861 13.477L19.7269 0.98866C19.831 0.88459 19.883 0.728486 19.883 0.572382C19.883 0.416278 19.831 0.260174 19.7269 0.156104Z" fill="#232323"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 669 B |
5
src/assets/icons/eye.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0.5 6.49998C3.33333 1.97224 10.9 -4.36659 18.5 6.49998" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M18.5 6.49998C15.6667 11.0277 8.1 17.3666 0.5 6.49998" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<circle cx="9.5" cy="6.49998" r="2.5" stroke="#232323"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 432 B |
5
src/assets/icons/order/delete.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M15.678 5.85487H13.4861V4.03579C13.4861 3.18961 12.7965 2.5 11.9503 2.5H7.47716C6.63099 2.5 5.94138 3.18961 5.94138 4.03579V5.85487H3.74953C3.51841 5.85487 3.33203 6.04125 3.33203 6.27237C3.33203 6.50348 3.51841 6.68986 3.74953 6.68986H4.45032V15.9642C4.45032 16.8104 5.13993 17.5 5.98611 17.5H13.4414C14.2875 17.5 14.9772 16.8104 14.9772 15.9642V6.69359H15.678C15.9091 6.69359 16.0954 6.50721 16.0954 6.27609C16.0954 6.04498 15.9091 5.8586 15.678 5.8586V5.85487ZM7.47716 3.33872H11.9503C12.3343 3.33872 12.6511 3.65184 12.6511 4.03951V5.69831C12.6511 5.78777 12.5803 5.8586 12.4908 5.8586H6.94038C6.85092 5.8586 6.78009 5.78777 6.78009 5.69831V4.03951C6.78009 3.65557 7.09321 3.33872 7.48089 3.33872H7.47716ZM13.4414 16.6687H5.98611C5.60216 16.6687 5.28531 16.3556 5.28531 15.9679V6.69359H14.1384V15.9679C14.1384 16.3519 13.8253 16.6687 13.4376 16.6687H13.4414Z" fill="#808080"/>
|
||||||
|
<path d="M8.22287 8.83685C7.95448 8.83685 7.73828 9.05306 7.73828 9.32145V13.6641C7.73828 13.9325 7.95448 14.1487 8.22287 14.1487C8.49126 14.1487 8.70747 13.9325 8.70747 13.6641V9.32145C8.70747 9.05306 8.49126 8.83685 8.22287 8.83685Z" fill="#808080"/>
|
||||||
|
<path d="M11.2072 8.83685C10.9389 8.83685 10.7227 9.05306 10.7227 9.32145V13.6641C10.7227 13.9325 10.9389 14.1487 11.2072 14.1487C11.4756 14.1487 11.6918 13.9325 11.6918 13.6641V9.32145C11.6918 9.05306 11.4756 8.83685 11.2072 8.83685Z" fill="#808080"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
8
src/assets/icons/order/file.svg
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10 0.5C13.0376 0.5 15.5 2.96243 15.5 6V17.5H0.5V0.5H10Z" stroke="#232323" stroke-linejoin="round"/>
|
||||||
|
<path d="M10.5 0.5C10.5 5 10.7 5 15.5 5" stroke="#232323"/>
|
||||||
|
<path d="M4 8H12" stroke="#232323" stroke-linecap="round"/>
|
||||||
|
<path d="M4 5H8" stroke="#232323" stroke-linecap="round"/>
|
||||||
|
<path d="M4 11H12" stroke="#232323" stroke-linecap="round"/>
|
||||||
|
<path d="M4 14H12" stroke="#232323" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 514 B |
34
src/assets/icons/order/shop.svg
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||||
|
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||||
|
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
|
||||||
|
preserveAspectRatio="xMidYMid meet">
|
||||||
|
|
||||||
|
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
|
||||||
|
fill="#000000" stroke="none">
|
||||||
|
<path d="M1466 4255 c-92 -26 -177 -75 -247 -145 -80 -80 -124 -165 -140 -271
|
||||||
|
-7 -49 -46 -167 -115 -349 -110 -291 -116 -319 -93 -420 31 -136 153 -289 276
|
||||||
|
-346 l62 -29 3 -885 3 -885 23 -47 c13 -26 43 -65 67 -87 82 -76 1 -72 1386
|
||||||
|
-69 l1234 3 55 30 c60 33 114 96 130 153 6 24 10 274 10 699 l0 662 -22 21
|
||||||
|
c-25 23 -56 26 -84 6 -18 -14 -19 -36 -24 -678 -6 -738 -3 -708 -74 -742 -31
|
||||||
|
-15 -145 -16 -1253 -16 -1204 0 -1218 0 -1251 20 -64 39 -62 3 -62 938 l0 849
|
||||||
|
108 5 c166 9 244 46 316 151 l37 54 57 -56 c99 -98 230 -151 374 -151 141 0
|
||||||
|
287 60 376 154 l49 51 57 -57 c103 -104 250 -156 409 -145 138 9 257 64 347
|
||||||
|
160 l40 43 63 -61 c98 -97 221 -145 367 -145 263 0 486 190 521 445 l11 80
|
||||||
|
-102 265 c-72 186 -107 290 -116 348 -39 236 -188 417 -373 452 -35 6 -467 10
|
||||||
|
-1215 9 -939 -1 -1170 -3 -1210 -14z m2388 -186 c97 -27 177 -151 202 -313 16
|
||||||
|
-108 55 -221 147 -426 52 -115 61 -143 60 -189 -2 -72 -49 -167 -109 -220 -70
|
||||||
|
-61 -140 -84 -244 -79 -75 3 -94 8 -150 39 -43 24 -78 52 -102 85 -63 82 -70
|
||||||
|
115 -75 337 l-5 197 -94 0 -94 0 0 -195 c0 -174 -2 -200 -21 -252 -27 -70 -95
|
||||||
|
-145 -164 -181 -72 -37 -197 -43 -277 -12 -75 28 -150 96 -185 168 -27 56 -28
|
||||||
|
61 -31 265 l-4 207 -93 0 -94 0 -3 -203 -3 -203 -33 -66 c-40 -81 -102 -139
|
||||||
|
-181 -169 -80 -30 -204 -24 -279 15 -64 33 -123 92 -154 154 -21 43 -23 63
|
||||||
|
-28 257 l-5 210 -95 0 -95 0 -5 -240 c-5 -223 -7 -243 -28 -290 -47 -101 -102
|
||||||
|
-130 -234 -123 -65 4 -96 11 -141 33 -107 53 -174 152 -184 270 -5 57 0 72 98
|
||||||
|
325 56 146 106 291 110 323 20 132 105 232 234 273 53 17 2299 20 2359 3z"/>
|
||||||
|
<path d="M3494 2343 c-12 -2 -34 -18 -50 -34 l-29 -30 -3 -211 c-2 -116 -1
|
||||||
|
-231 3 -256 14 -97 108 -135 177 -73 l33 29 3 241 c3 205 1 245 -13 274 -21
|
||||||
|
45 -71 70 -121 60z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
5
src/assets/icons/order/warning.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10 20C8.02219 20 6.08879 19.4135 4.4443 18.3147C2.79981 17.2159 1.51809 15.6541 0.761209 13.8268C0.00433286 11.9996 -0.193701 9.98891 0.192152 8.0491C0.578004 6.10929 1.53041 4.32746 2.92894 2.92894C4.32746 1.53041 6.10929 0.578004 8.0491 0.192152C9.98891 -0.193701 11.9996 0.00433286 13.8268 0.761209C15.6541 1.51809 17.2159 2.79981 18.3147 4.4443C19.4135 6.08879 20 8.02219 20 10C19.9971 12.6513 18.9426 15.1932 17.0679 17.0679C15.1932 18.9426 12.6513 19.9971 10 20ZM10 1.66667C8.35183 1.66667 6.74066 2.15541 5.37025 3.07109C3.99984 3.98677 2.93174 5.28826 2.30101 6.81098C1.67028 8.33369 1.50525 10.0092 1.82679 11.6258C2.14834 13.2423 2.94201 14.7271 4.10745 15.8926C5.27289 17.058 6.75774 17.8517 8.37425 18.1732C9.99076 18.4948 11.6663 18.3297 13.189 17.699C14.7118 17.0683 16.0132 16.0002 16.9289 14.6298C17.8446 13.2593 18.3333 11.6482 18.3333 10C18.3309 7.79061 17.4522 5.67241 15.8899 4.11013C14.3276 2.54785 12.2094 1.6691 10 1.66667Z" fill="#232323"/>
|
||||||
|
<path d="M11.6654 15.8333H9.9987V9.99998H8.33203V8.33331H9.9987C10.4407 8.33331 10.8646 8.50891 11.1772 8.82147C11.4898 9.13403 11.6654 9.55795 11.6654 9.99998V15.8333Z" fill="#232323"/>
|
||||||
|
<path d="M10 6.66666C10.6904 6.66666 11.25 6.10701 11.25 5.41666C11.25 4.7263 10.6904 4.16666 10 4.16666C9.30964 4.16666 8.75 4.7263 8.75 5.41666C8.75 6.10701 9.30964 6.66666 10 6.66666Z" fill="#232323"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
9
src/assets/icons/pay/stripe.svg
Normal file
|
After Width: | Height: | Size: 65 KiB |
5
src/assets/icons/shop.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M20 6.4C20 5.3 19.1 4 18 4H7.5C7.4 4 7.2 4 7.1 4C5.9 4.2 5 5.2 5 6.4L4 9C4 10.4 5.1 11.5 6.5 11.5C7.9 11.5 8.1 11.1 8.5 10.5C8.9 11.1 9.7 11.5 10.5 11.5C11.3 11.5 12.1 11.1 12.5 10.5C12.9 11.1 13.7 11.5 14.5 11.5C15.3 11.5 16.1 11.1 16.5 10.5C16.9 11.1 17.7 11.5 18.5 11.5C19.9 11.5 21 10.4 21 9M5.9 6.4C5.9 5.6 6.5 5 7.2 4.9C7.2 4.9 7.3 4.9 7.4 4.9H17.9C18.5 4.9 19 5.8 19 6.4C19 7 20 9.1 20 9.1C20 10 19.3 10.7 18.4 10.7C17.5 10.7 16.8 10 16.8 9.1V7.6H15.9V9.1C15.9 10 15.2 10.7 14.3 10.7C13.4 10.7 12.7 10 12.7 9.1V7.6H11.8V9.1C11.8 10 11.1 10.7 10.2 10.7C9.3 10.7 8.6 10 8.6 9.1V7.6H7.7V9.1C7.7 10 7.50938 10.7 6.60938 10.7C5.48438 10.7 4.9 9.9 4.9 9L5.9 6.4Z" fill="#232323"/>
|
||||||
|
<path d="M6 11.2V19.3C6 19.9 6.4 20.3 7 20.3H18C18.6 20.3 19 19.9 19 19.3V13.5" stroke="#232323" stroke-width="0.75" stroke-linecap="round"/>
|
||||||
|
<path d="M17 15.5V13.5C17 13.2239 16.7761 13 16.5 13C16.2239 13 16 13.2239 16 13.5V15.5C16 15.7761 16.2239 16 16.5 16C16.7761 16 17 15.7761 17 15.5Z" fill="#232323"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
5
src/assets/icons/statement.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M9.99326 1.66675C5.39812 1.66675 1.66406 5.40495 1.66406 10.0001C1.66406 14.5952 5.40226 18.3334 9.99326 18.3334C14.5842 18.3334 18.3224 14.5952 18.3224 10.0001C18.3224 5.40495 14.5884 1.66675 9.99326 1.66675ZM9.99326 17.402C5.91145 17.402 2.59137 14.0819 2.59137 10.0001C2.59137 5.91828 5.91145 2.59819 9.99326 2.59819C14.0751 2.59819 17.3951 5.91828 17.3951 10.0001C17.3951 14.0819 14.0751 17.402 9.99326 17.402Z" fill="#979797"/>
|
||||||
|
<path d="M10.5115 9.17225C10.5115 8.88646 10.2798 8.65479 9.99403 8.65479C9.70824 8.65479 9.47656 8.88646 9.47656 9.17225V14.14C9.47656 14.4258 9.70824 14.6574 9.99403 14.6574C10.2798 14.6574 10.5115 14.4258 10.5115 14.14V9.17225Z" fill="#979797"/>
|
||||||
|
<path d="M9.99592 6.68813C10.4513 6.68813 10.8239 6.31555 10.8239 5.86018C10.8239 5.4048 10.4513 5.03223 9.99592 5.03223C9.54055 5.03223 9.16797 5.4048 9.16797 5.86018C9.16797 6.31555 9.54055 6.68813 9.99592 6.68813Z" fill="#979797"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/assets/images/account/account-bg.png
Normal file
|
After Width: | Height: | Size: 1.6 MiB |
BIN
src/assets/images/account/designer-lian-su.png
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
src/assets/images/account/item-01.png
Normal file
|
After Width: | Height: | Size: 1.6 MiB |
BIN
src/assets/images/account/item-02.png
Normal file
|
After Width: | Height: | Size: 1.6 MiB |
BIN
src/assets/images/account/item-03.png
Normal file
|
After Width: | Height: | Size: 1.7 MiB |
BIN
src/assets/images/account/item-04.png
Normal file
|
After Width: | Height: | Size: 1.6 MiB |
BIN
src/assets/images/account/item-05.png
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
src/assets/images/account/item-06.png
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
src/assets/images/account/item-07.png
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
src/assets/images/account/item-08.png
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
src/assets/images/account/item-09.png
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
src/assets/images/avatar.png
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
src/assets/images/brand-null.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 713 KiB After Width: | Height: | Size: 597 KiB |
BIN
src/assets/images/brand/brandDetailBg.png
Normal file
|
After Width: | Height: | Size: 121 KiB |
BIN
src/assets/images/brand/brandLoading.gif
Normal file
|
After Width: | Height: | Size: 133 KiB |
BIN
src/assets/images/collectionStory/code-create.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 808 KiB |
BIN
src/assets/images/digitalItem/digital_item_banner.png
Normal file
|
After Width: | Height: | Size: 615 KiB |
BIN
src/assets/images/edit.png
Normal file
|
After Width: | Height: | Size: 928 B |
BIN
src/assets/images/example.png
Normal file
|
After Width: | Height: | Size: 9.2 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 851 KiB |
BIN
src/assets/images/home/bg.png
Normal file
|
After Width: | Height: | Size: 652 KiB |
BIN
src/assets/images/home/designer-bg.png
Normal file
|
After Width: | Height: | Size: 688 KiB |
|
Before Width: | Height: | Size: 569 KiB |
|
Before Width: | Height: | Size: 151 KiB |
BIN
src/assets/images/icons/youtube.png
Normal file
|
After Width: | Height: | Size: 500 B |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
BIN
src/assets/images/pay/stripe.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
src/assets/images/pay/success.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
src/assets/images/shopping-cart-null.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
src/assets/images/wardrobe/checked.png
Normal file
|
After Width: | Height: | Size: 317 B |
BIN
src/assets/images/wardrobe/empty-wardrobe.png
Normal file
|
After Width: | Height: | Size: 8.8 KiB |
BIN
src/assets/images/wardrobe/select.png
Normal file
|
After Width: | Height: | Size: 208 B |
BIN
src/assets/images/wardrobe/settings_bg.jpg
Normal file
|
After Width: | Height: | Size: 144 KiB |
@@ -1,82 +1,120 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
|
import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
url: {
|
url: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: ''
|
||||||
},
|
},
|
||||||
name: {
|
name: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'aaa'
|
default: 'aaa'
|
||||||
},
|
},
|
||||||
price: {
|
price: {
|
||||||
type: String,
|
type: [String, Number],
|
||||||
default: '111'
|
default: ''
|
||||||
|
},
|
||||||
|
download: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
showPrice: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['addShopping', 'openDetail', 'download'])
|
||||||
|
let data = reactive({})
|
||||||
|
const addShopping = () => {
|
||||||
|
if (props.download) {
|
||||||
|
emit('download')
|
||||||
|
} else {
|
||||||
|
emit('addShopping')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
const openDetail = () => {
|
||||||
const emit = defineEmits([
|
emit('openDetail')
|
||||||
'addShopping'
|
}
|
||||||
])
|
onMounted(() => {})
|
||||||
let data = reactive({
|
onUnmounted(() => {})
|
||||||
})
|
defineExpose({})
|
||||||
const addShopping = () => {
|
const {} = toRefs(data)
|
||||||
emit('addShopping')
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(()=>{
|
|
||||||
})
|
|
||||||
onUnmounted(()=>{
|
|
||||||
})
|
|
||||||
defineExpose({})
|
|
||||||
const {} = toRefs(data);
|
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="commodity-item">
|
<div class="commodity-item" :class="{ 'is-download': download }">
|
||||||
<img :src="props.url" alt="">
|
<img v-loadimg="props.url" alt="" @click="openDetail" />
|
||||||
<div class="detail">
|
<div class="detail">
|
||||||
<div calss="text">
|
<div class="text">
|
||||||
<div class="name">
|
<div class="name">
|
||||||
{{ props.name }}
|
{{ props.name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="price">
|
<div
|
||||||
{{ props.price }}
|
class="price"
|
||||||
|
:class="{ 'is-download': download }"
|
||||||
|
v-if="props.showPrice && (props.price || props.price === 0)"
|
||||||
|
>
|
||||||
|
HK${{ props.price }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn" @click="addShopping">
|
<div class="btn" @click="addShopping">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<SvgIcon name="add" size="24"></SvgIcon>
|
<SvgIcon
|
||||||
|
:name="download ? 'download' : 'add'"
|
||||||
|
size="26"
|
||||||
|
color="#232323"
|
||||||
|
></SvgIcon>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.commodity-item{
|
.commodity-item {
|
||||||
width: var(--commodity-width,100%);
|
width: var(--commodity-width, 100%);
|
||||||
> img{
|
&.is-download {
|
||||||
width: 100%;
|
img {
|
||||||
height: var(--commodity-height,auto);
|
cursor: initial;
|
||||||
margin-bottom: var(--commodity-marginBottom,1rem);
|
}
|
||||||
}
|
}
|
||||||
> .detail{
|
> img {
|
||||||
|
width: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
height: var(--commodity-height, auto);
|
||||||
|
aspect-ratio: 0.8/1;
|
||||||
|
object-fit: cover;
|
||||||
|
margin-bottom: var(--commodity-marginBottom, 1rem);
|
||||||
|
}
|
||||||
|
> .detail {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.text{
|
> .text {
|
||||||
color: #232323;
|
color: #232323;
|
||||||
> .name{
|
overflow: hidden;
|
||||||
font-family: "KaiseiOpti-Regular";
|
> .name {
|
||||||
font-weight: 400;
|
font-family: 'KaiseiOpti-Regular';
|
||||||
font-size: var(--commodity-name-fontSize,1.6rem);
|
font-weight: 700;
|
||||||
line-height: var(--commodity-name-lineHeight,2.3rem);
|
font-size: var(--commodity-name-fontSize, 2rem);
|
||||||
|
line-height: var(--commodity-name-lineHeight, 2.3rem);
|
||||||
|
margin-bottom: var(--commodity-name-marginBottom, 0rem);
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
> .price{
|
> .price {
|
||||||
font-family: "KaiseiOpti-Regular";
|
font-family: 'KaiseiOpti-Regular';
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: var(--commodity-price-fontSize,1.4rem);
|
font-size: var(--commodity-price-fontSize, 1.6rem);
|
||||||
line-height: var(--commodity-price-lineHeight,2.3rem);
|
line-height: var(--commodity-price-lineHeight, 2.3rem);
|
||||||
|
margin-top: .8rem;
|
||||||
|
&.is-download {
|
||||||
|
color: #979797;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.btn {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,21 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="section-footer">
|
<section class="section-footer">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="left">
|
<div class="left" v-show="!isHome">
|
||||||
<div>About</div>
|
<div @click="skip('about')">{{ $t('footer.About') }}</div>
|
||||||
<div>Privacy Policy</div>
|
<div @click="skip('privacy-policy')">{{ $t('footer.PrivacyPolicy') }}</div>
|
||||||
<div>Terms of Use</div>
|
<div @click="skip('terms-of-use')">{{ $t('footer.TermsOfUse') }}</div>
|
||||||
<div>Disclaimer</div>
|
<div @click="skip('disclaimer')">{{ $t('footer.Disclaimer') }}</div>
|
||||||
<div>Site Map</div>
|
<div @click="skip('site-map')">{{ $t('footer.SiteMap') }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="left" v-show="isHome">
|
||||||
|
<div class="text" @click="skip('code-create')">© Code-Create 2026</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<img src="@/assets/images/icons/xiaohongshu.png" />
|
<img src="@/assets/images/icons/xiaohongshu.png" @click="skip('xiaohongshu')" />
|
||||||
<img src="@/assets/images/icons/linkedin.png" />
|
<img src="@/assets/images/icons/linkedin.png" @click="skip('linkedin')" />
|
||||||
<img src="@/assets/images/icons/instagram.png" />
|
<img src="@/assets/images/icons/instagram.png" @click="skip('instagram')" />
|
||||||
<img src="@/assets/images/icons/facebook.png" />
|
<img src="@/assets/images/icons/facebook.png" @click="skip('facebook')" />
|
||||||
<img src="@/assets/images/icons/douyin.png" />
|
<img src="@/assets/images/icons/douyin.png" @click="skip('tiktok')" />
|
||||||
<img src="@/assets/images/icons/wechat.png" />
|
<img src="@/assets/images/icons/youtube.png" @click="skip('youtube')" />
|
||||||
<div class="text">© Code-Create 2026</div>
|
<div v-show="!isHome" class="text" @click="skip('code-create')">
|
||||||
|
© Code-Create 2026
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -23,6 +28,29 @@
|
|||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, ref } from 'vue'
|
import { computed, ref } from 'vue'
|
||||||
|
const props = defineProps({
|
||||||
|
isHome: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
let urlList = ref({
|
||||||
|
xiaohongshu: 'https://xhslink.com/m/5Ony2FapizV',
|
||||||
|
linkedin: 'https://www.linkedin.com/company/code-create-limited/posts?feedView=all',
|
||||||
|
instagram: 'https://www.instagram.com/aida_codecreate?igsh=MzRlODBiNWFlZA== ',
|
||||||
|
facebook: 'https://www.facebook.com/CodeCreateAI',
|
||||||
|
tiktok: 'https://www.tiktok.com/@aida_codecreate',
|
||||||
|
youtube: 'https://www.youtube.com/@Code-Create_AiDA',
|
||||||
|
'code-create': 'https://www.code-create.com/',
|
||||||
|
about: 'https://code-create.com.hk/about-us/ ',
|
||||||
|
'privacy-policy': 'https://code-create.com.hk/privacy-policy/',
|
||||||
|
'terms-of-use': 'https://code-create.com.hk/terms-of-use/',
|
||||||
|
disclaimer: 'https://code-create.com.hk/disclaimer/',
|
||||||
|
'site-map': 'https://code-create.com.hk/site-map/'
|
||||||
|
})
|
||||||
|
const skip = (name: string) => {
|
||||||
|
window.open(urlList.value[name], '_blank')
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
@@ -41,6 +69,9 @@
|
|||||||
color: #585858;
|
color: #585858;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 4.5rem;
|
gap: 4.5rem;
|
||||||
|
> div {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> .right {
|
> .right {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -49,8 +80,9 @@
|
|||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.text{
|
.text {
|
||||||
margin-left: 4rem;
|
margin-left: 4rem;
|
||||||
font-family: KaiseiOpti-Regular;
|
font-family: KaiseiOpti-Regular;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
|
|||||||
@@ -1,50 +1,50 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="c-svg">
|
<div class="c-svg">
|
||||||
<svg
|
<svg
|
||||||
:class="svgClass"
|
:class="svgClass"
|
||||||
v-bind="$attrs"
|
v-bind="$attrs"
|
||||||
:style="{ color: color, fontSize: size/10 + 'rem' }"
|
:style="{ color: color, fontSize: size / 10 + 'rem' }"
|
||||||
>
|
>
|
||||||
<use :href="iconName"></use>
|
<use :href="iconName"></use>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed } from "vue";
|
import { computed } from 'vue'
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
name: {
|
name: {
|
||||||
type: String,
|
type: String,
|
||||||
required: true,
|
required: true
|
||||||
},
|
},
|
||||||
color: {
|
color: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "",
|
default: ''
|
||||||
},
|
},
|
||||||
size: {
|
size: {
|
||||||
type: [Number, String],
|
type: [Number, String],
|
||||||
default: 16,
|
default: 16
|
||||||
},
|
}
|
||||||
});
|
})
|
||||||
const iconName = computed(() => `#icon-${props.name}`);
|
const iconName = computed(() => `#icon-${props.name}`)
|
||||||
const svgClass = computed(() => {
|
const svgClass = computed(() => {
|
||||||
if (props.name) return `svg-icon icon-${props.name}`;
|
if (props.name) return `svg-icon icon-${props.name}`
|
||||||
return "svg-icon";
|
return 'svg-icon'
|
||||||
});
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
width: 1em;
|
width: var(--svg-icon-width, 1em);
|
||||||
height: 1em;
|
height: var(--svg-icon-height, 1em);
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
color: var(--svg-icon-color);
|
color: var(--svg-icon-color);
|
||||||
}
|
}
|
||||||
.c-svg {
|
.c-svg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
91
src/components/checked-gender.vue
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, watch, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
|
||||||
|
const props = defineProps({
|
||||||
|
list:{
|
||||||
|
type:Array,
|
||||||
|
default:()=>[]
|
||||||
|
},
|
||||||
|
selected:{
|
||||||
|
type:Array,
|
||||||
|
default:()=>[]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const emit = defineEmits([
|
||||||
|
'update:selected','change'
|
||||||
|
])
|
||||||
|
const checkList = ref([])
|
||||||
|
const checkAll = ref(false)
|
||||||
|
|
||||||
|
watch(()=>props.selected, (newVal, oldVal) => {
|
||||||
|
if(newVal[0] === 'all' && newVal.length === 1){
|
||||||
|
checkList.value = []
|
||||||
|
checkAll.value = true
|
||||||
|
}else{
|
||||||
|
checkList.value = [...newVal]
|
||||||
|
checkAll.value = false
|
||||||
|
}
|
||||||
|
},{immediate:true})
|
||||||
|
|
||||||
|
const handleChange = (val) => {
|
||||||
|
let data = val.filter(item => item !== 'all' && props.selected?.[0] != item)
|
||||||
|
emit('update:selected', data)
|
||||||
|
emit('change', data)
|
||||||
|
}
|
||||||
|
const handleCheckAllChange = (val) => {
|
||||||
|
let data = ['all']
|
||||||
|
emit('update:selected', data)
|
||||||
|
emit('change', data)
|
||||||
|
|
||||||
|
}
|
||||||
|
let data = reactive({
|
||||||
|
})
|
||||||
|
onMounted(()=>{
|
||||||
|
})
|
||||||
|
onUnmounted(()=>{
|
||||||
|
})
|
||||||
|
defineExpose({})
|
||||||
|
const {} = toRefs(data);
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="all">
|
||||||
|
<el-checkbox
|
||||||
|
v-model="checkAll"
|
||||||
|
@change="handleCheckAllChange"
|
||||||
|
>
|
||||||
|
{{ $t('checked.All') }}
|
||||||
|
</el-checkbox>
|
||||||
|
</div>
|
||||||
|
<el-checkbox-group v-model="checkList" @change="handleChange">
|
||||||
|
<el-checkbox
|
||||||
|
v-for="item in props.list"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</template>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.all{
|
||||||
|
margin-bottom: 1.2rem;
|
||||||
|
}
|
||||||
|
.el-checkbox-group{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1.2rem;
|
||||||
|
}
|
||||||
|
label{
|
||||||
|
--el-checkbox-font-size: 1.6rem;
|
||||||
|
--el-checkbox-checked-text-color: #232323;
|
||||||
|
--el-checkbox-font-weight: 400;
|
||||||
|
--el-checkbox-height: 2rem;
|
||||||
|
--el-checkbox-checked-bg-color: #232323;
|
||||||
|
--el-checkbox-checked-input-border-color: #232323;
|
||||||
|
--el-checkbox-input-border: 1px solid #232323;
|
||||||
|
font-family: "KaiseiOpti-Regular";
|
||||||
|
line-height: 2rem;
|
||||||
|
.el-checkbox__label{
|
||||||
|
padding-left: 1.4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
102
src/components/checked.vue
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, watch, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
|
||||||
|
const props = defineProps({
|
||||||
|
list:{
|
||||||
|
type:Array,
|
||||||
|
default:()=>[]
|
||||||
|
},
|
||||||
|
selected:{
|
||||||
|
type:Array,
|
||||||
|
default:()=>[]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const emit = defineEmits([
|
||||||
|
'update:selected','change'
|
||||||
|
])
|
||||||
|
const checkList = ref([])
|
||||||
|
const checkAll = ref(false)
|
||||||
|
|
||||||
|
watch(()=>props.selected, (newVal, oldVal) => {
|
||||||
|
if(newVal[0] === 'all' && newVal.length === 1){
|
||||||
|
checkList.value = []
|
||||||
|
checkAll.value = true
|
||||||
|
}else{
|
||||||
|
checkList.value = [...newVal]
|
||||||
|
checkAll.value = false
|
||||||
|
}
|
||||||
|
},{immediate:true})
|
||||||
|
const handleChange = (val) => {
|
||||||
|
let data = val.filter(item => item !== 'all')
|
||||||
|
if(data.length == props.list.length || data.length == 0){
|
||||||
|
data = ['all']
|
||||||
|
}else{
|
||||||
|
data = [...val]
|
||||||
|
}
|
||||||
|
emit('update:selected', data)
|
||||||
|
emit('change', data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleCheckAllChange = (val) => {
|
||||||
|
let data = []
|
||||||
|
if(val && props.selected[0] !== 'all'){
|
||||||
|
data = ['all']
|
||||||
|
// data = props.list.map(item => item.value)
|
||||||
|
emit('update:selected', data)
|
||||||
|
emit('change', data)
|
||||||
|
}else{
|
||||||
|
data = []
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
let data = reactive({
|
||||||
|
})
|
||||||
|
onMounted(()=>{
|
||||||
|
})
|
||||||
|
onUnmounted(()=>{
|
||||||
|
})
|
||||||
|
defineExpose({})
|
||||||
|
const {} = toRefs(data);
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="all">
|
||||||
|
<el-checkbox
|
||||||
|
v-model="checkAll"
|
||||||
|
@change="handleCheckAllChange"
|
||||||
|
>
|
||||||
|
{{ $t('checked.All') }}
|
||||||
|
</el-checkbox>
|
||||||
|
</div>
|
||||||
|
<el-checkbox-group v-model="checkList" @change="handleChange">
|
||||||
|
<el-checkbox
|
||||||
|
v-for="item in props.list"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</template>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.all{
|
||||||
|
margin-bottom: 1.2rem;
|
||||||
|
}
|
||||||
|
.el-checkbox-group{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1.2rem;
|
||||||
|
}
|
||||||
|
label{
|
||||||
|
--el-checkbox-font-size: 1.6rem;
|
||||||
|
--el-checkbox-checked-text-color: #232323;
|
||||||
|
--el-checkbox-font-weight: 400;
|
||||||
|
--el-checkbox-height: 2rem;
|
||||||
|
--el-checkbox-checked-bg-color: #232323;
|
||||||
|
--el-checkbox-checked-input-border-color: #232323;
|
||||||
|
--el-checkbox-input-border: 1px solid #232323;
|
||||||
|
font-family: "KaiseiOpti-Regular";
|
||||||
|
line-height: 2rem;
|
||||||
|
.el-checkbox__label{
|
||||||
|
padding-left: 1.4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
27
src/directives/avatarLoad.js
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
// 加载图片
|
||||||
|
import avatar from '@/assets/images/avatar.png'
|
||||||
|
export default {
|
||||||
|
name: 'avatarLoad',
|
||||||
|
mounted(el, binding) {
|
||||||
|
loadImage(el, binding.value)
|
||||||
|
},
|
||||||
|
updated(el, binding) {
|
||||||
|
// 当 binding.value 发生变化时重新加载
|
||||||
|
if (binding.oldValue !== binding.value) {
|
||||||
|
loadImage(el, binding.value)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
function loadImage(el, src) {
|
||||||
|
if (!src) return
|
||||||
|
if (el.src === src) return
|
||||||
|
const img = new Image()
|
||||||
|
img.src = src
|
||||||
|
img.onload = () => {
|
||||||
|
el.src = src
|
||||||
|
}
|
||||||
|
img.onerror = () => {
|
||||||
|
el.src = avatar // 默认头像
|
||||||
|
console.log('图片加载失败:', src)
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,6 +1,9 @@
|
|||||||
export default {
|
export default {
|
||||||
install(app) {
|
install(app) {
|
||||||
const directivesList = import.meta.glob('./*.js', { eager: true });
|
const directivesList1 = import.meta.glob('./*.js', { eager: true });
|
||||||
|
const directivesList2 = import.meta.glob('./*.ts', { eager: true });
|
||||||
|
const directivesList = { ...directivesList1, ...directivesList2 };
|
||||||
|
|
||||||
// 遍历指令文件实现自动注册
|
// 遍历指令文件实现自动注册
|
||||||
Object.keys(directivesList).forEach(key => {
|
Object.keys(directivesList).forEach(key => {
|
||||||
app.directive(directivesList[key].default.name, directivesList[key].default);
|
app.directive(directivesList[key].default.name, directivesList[key].default);
|
||||||
|
|||||||
@@ -1,6 +1,10 @@
|
|||||||
|
import img from '@/assets/images/shopping-cart-null.png'
|
||||||
// 加载图片
|
// 加载图片
|
||||||
export default {
|
export default {
|
||||||
name: 'loadimg',
|
name: 'loadimg',
|
||||||
|
beforeMount(el, binding) {
|
||||||
|
if (!el.src) el.src = img
|
||||||
|
},
|
||||||
mounted(el, binding) {
|
mounted(el, binding) {
|
||||||
const src = binding.value
|
const src = binding.value
|
||||||
if (el.src === src) return
|
if (el.src === src) return
|
||||||
|
|||||||
393
src/lang/en.ts
@@ -1,20 +1,26 @@
|
|||||||
|
import { add } from "lodash-es";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
Login: {
|
Login: {
|
||||||
|
signup: 'Sign up',
|
||||||
login: 'Log in',
|
login: 'Log in',
|
||||||
|
logoff: 'Log off',
|
||||||
register: 'Register',
|
register: 'Register',
|
||||||
loginTo: 'Log on to <span>FiDA</span>',
|
loginTip: 'Platform integrated with AiDA.<br />AiDA account login required.',
|
||||||
loginTitle: 'A multi-agent canvas for rapid, trend driven design iteration.',
|
|
||||||
name: 'Name',
|
name: 'Name',
|
||||||
email: 'Email',
|
email: 'Email',
|
||||||
password: 'Password',
|
password: 'Password',
|
||||||
|
passwordConfirmation: 'Password Confirmation',
|
||||||
enterName: 'Enter your name',
|
enterName: 'Enter your name',
|
||||||
enterEmail: 'Enter your email',
|
enterEmail: 'Enter your email',
|
||||||
enterPassword: 'Enter your password',
|
enterPassword: 'Enter your password',
|
||||||
|
enterPasswordAgain: 'Enter your password again',
|
||||||
|
passwordTip: 'You must satisfy ALL password conditions to register.',
|
||||||
forgotPassword: 'Forget password?',
|
forgotPassword: 'Forget password?',
|
||||||
pleaseInputName: 'Please input the name',
|
pleaseInputName: 'Please input the name',
|
||||||
nameLengthError: 'Name length must be between {min} and {max} characters',
|
nameLengthError: 'Name length must be between {min} and {max} characters',
|
||||||
passwordSpecial: 'Must contain special characters',
|
passwordSpecial: 'Must contain special characters',
|
||||||
passwordCase: 'Mix of uppercase, lowercase and numbers',
|
passwordCase: 'A combination of numbers and letters',
|
||||||
pleaseInputEmail: 'Please input the email',
|
pleaseInputEmail: 'Please input the email',
|
||||||
emailFormatError: 'Please input the email again',
|
emailFormatError: 'Please input the email again',
|
||||||
pleaseInputPassword: 'Please input the password',
|
pleaseInputPassword: 'Please input the password',
|
||||||
@@ -28,7 +34,7 @@ export default {
|
|||||||
havenAccountToLogin: `Already have an account? <span onclick="onClickLogin()">Log in</span>`,
|
havenAccountToLogin: `Already have an account? <span onclick="onClickLogin()">Log in</span>`,
|
||||||
verifyEmail: 'Verify your email address',
|
verifyEmail: 'Verify your email address',
|
||||||
verifyCodeHasSent: 'A verification code has been sent to<br><span>{email}</span>',
|
verifyCodeHasSent: 'A verification code has been sent to<br><span>{email}</span>',
|
||||||
verify: 'Verify',
|
verify: 'VERIFY',
|
||||||
resendCode: 'Resend Code',
|
resendCode: 'Resend Code',
|
||||||
resendCodeIn: 'Resend Code in {time}',
|
resendCodeIn: 'Resend Code in {time}',
|
||||||
orContinueWith: 'or continue with',
|
orContinueWith: 'or continue with',
|
||||||
@@ -36,6 +42,383 @@ export default {
|
|||||||
wechatLogin: 'Sign in with Wechat',
|
wechatLogin: 'Sign in with Wechat',
|
||||||
indexTip: 'A multi-agent canvas for rapid, trend driven design iteration.',
|
indexTip: 'A multi-agent canvas for rapid, trend driven design iteration.',
|
||||||
sendCodeError: 'Send code error',
|
sendCodeError: 'Send code error',
|
||||||
retrievePassword: 'Retrieve password'
|
retrievePassword: 'Retrieve password',
|
||||||
|
emailVerification: 'Email Verification',
|
||||||
|
retrievePasswordTitle: 'Please enter your email address below to verify your identity.',
|
||||||
|
submit: 'Submit',
|
||||||
|
enterNewPassword: 'Enter a new password for<br/><span>{email}</span>',
|
||||||
|
passwordsDoNotMatch: 'Passwords do not match',
|
||||||
|
logOffTip: 'Are you sure to log off?',
|
||||||
|
pleaseLogTip: 'Please log in and try again.'
|
||||||
},
|
},
|
||||||
|
RegisterSuccess: {
|
||||||
|
title1: 'Welcome to Stylish Parade!',
|
||||||
|
title2: 'Please switch to the Login tab to log in.',
|
||||||
|
title3: 'What awaits you in Stylish Parade',
|
||||||
|
item1title: 'Behind the design',
|
||||||
|
item1tip:
|
||||||
|
'Discover how designers bring ideas to life with AiDA — from first sketch to final look.',
|
||||||
|
item2title: 'Creative digital works',
|
||||||
|
item2tip:
|
||||||
|
'Unlock a growing library of inspiring digital works to refresh your creative mind.',
|
||||||
|
item3title: 'A fashion community',
|
||||||
|
item3tip:
|
||||||
|
'Join a space where fashion speaks — exchange ideas and connect with creators worldwide.'
|
||||||
|
},
|
||||||
|
Settings: {
|
||||||
|
title: 'Settings',
|
||||||
|
slogan: 'Manage your account settings and preferences',
|
||||||
|
profile: {
|
||||||
|
title: 'Profile',
|
||||||
|
description: 'Update your display name, avatar, social links and account security.',
|
||||||
|
firstName: 'FIRST NAME',
|
||||||
|
lastName: 'LAST NAME',
|
||||||
|
firstNamePlaceholder: 'First Name',
|
||||||
|
lastNamePlaceholder: 'Last Name',
|
||||||
|
username: 'USERNAME',
|
||||||
|
usernamePlaceholder: 'Username',
|
||||||
|
usernameTip: 'Your public username on Stylish Parade.',
|
||||||
|
role: 'ROLE',
|
||||||
|
roleTip: 'Select up to 2 labels that suit you.'
|
||||||
|
},
|
||||||
|
avatarCrop: {
|
||||||
|
title: 'Crop Avatar',
|
||||||
|
confirm: 'Confirm',
|
||||||
|
processing: 'Processing...'
|
||||||
|
},
|
||||||
|
security: {
|
||||||
|
title: 'Security',
|
||||||
|
description: 'Manage your login email and password.',
|
||||||
|
email: 'EMAIL',
|
||||||
|
newEmail: 'NEW EMAIL ADDRESS',
|
||||||
|
newEmailPlaceholder: 'Enter new email',
|
||||||
|
verify: 'Verify',
|
||||||
|
verified: 'Verified',
|
||||||
|
verifiedTip: 'Your new email has been verified and is ready to save.',
|
||||||
|
password: 'PASSWORD',
|
||||||
|
newPassword: 'NEW PASSWORD',
|
||||||
|
newPasswordPlaceholder: 'Enter new password',
|
||||||
|
passwordTip: 'You must satisfy ALL password conditions to register.',
|
||||||
|
currentPassword: 'CURRENT PASSWORD',
|
||||||
|
currentPasswordPlaceholder: 'Confirm with your password'
|
||||||
|
},
|
||||||
|
region: {
|
||||||
|
title: 'Language & Region',
|
||||||
|
description: 'Set your preferred language, region and currency display.',
|
||||||
|
displayLanguage: 'DISPLAY LANGUAGE',
|
||||||
|
selectLanguage: 'Select language',
|
||||||
|
region: 'REGION',
|
||||||
|
selectRegion: 'Select region'
|
||||||
|
},
|
||||||
|
buttons: {
|
||||||
|
cancel: 'CANCEL',
|
||||||
|
discard: 'DISCARD',
|
||||||
|
edit: 'EDIT',
|
||||||
|
saveChange: 'SAVE CHANGE',
|
||||||
|
verifyEmail: 'VERIFY EMAIL',
|
||||||
|
saving: 'SAVING...'
|
||||||
|
},
|
||||||
|
dialog: {
|
||||||
|
title: 'Check your new email',
|
||||||
|
subtitle: 'Enter the 6-digit code sent to',
|
||||||
|
submit: 'Submit',
|
||||||
|
resendCode: 'Resend Code',
|
||||||
|
resendCodeIn: 'Resend Code in {time}'
|
||||||
|
},
|
||||||
|
messages: {
|
||||||
|
enterNewEmailFirst: 'Please enter your email address first',
|
||||||
|
invalidEmail: 'Please enter a valid email address',
|
||||||
|
sameEmail: 'Please enter a different email address',
|
||||||
|
alreadyVerified: 'This email has already been verified',
|
||||||
|
verificationCodeSent: 'Verification code sent',
|
||||||
|
enterVerificationCode: 'Please enter the 6-digit verification code',
|
||||||
|
verificationCompleted: 'Email verification completed',
|
||||||
|
verifyEmailBeforeSave: 'Please verify your new email before saving',
|
||||||
|
currentPasswordRequired: 'Please enter your current password',
|
||||||
|
passwordLengthError: 'Password length must be between {min} and {max} characters',
|
||||||
|
passwordSpecial: 'Password must contain special characters',
|
||||||
|
passwordCase: 'Password must include upper/lowercase letters and numbers',
|
||||||
|
passwordNotSameAsOld: 'New password cannot be the same as current password',
|
||||||
|
settingsUpdated: 'Settings updated',
|
||||||
|
avatarTooLarge: 'Image is too large. Max 5MB.',
|
||||||
|
avatarCropFailed: 'Failed to crop avatar',
|
||||||
|
avatarUploadUrlMissing: 'Failed to get uploaded file URL',
|
||||||
|
avatarUpdated: 'Avatar updated',
|
||||||
|
avatarUploadFailed: 'Upload failed'
|
||||||
|
},
|
||||||
|
roles: {
|
||||||
|
fashionEnthusiast: 'Fashion Enthusiast',
|
||||||
|
contentCreator: 'Content Creator',
|
||||||
|
student: 'Student',
|
||||||
|
retailBuyer: 'Retail / Buyer',
|
||||||
|
fashionDesigner: 'Fashion Designer',
|
||||||
|
brandBusiness: 'Brand / Business',
|
||||||
|
prCommunications: 'PR & Communications',
|
||||||
|
stylist: 'Stylist',
|
||||||
|
graphicDesigner: 'Graphic Designer',
|
||||||
|
artist3d: '3D Artist',
|
||||||
|
other: 'Other'
|
||||||
|
},
|
||||||
|
languages: {
|
||||||
|
ENGLISH: 'English',
|
||||||
|
CHINESE_SIMPLIFIED: 'Chinese Simplified'
|
||||||
|
},
|
||||||
|
regions: {
|
||||||
|
hongKongSar: 'Hong Kong SAR',
|
||||||
|
mainlandChina: 'Mainland China',
|
||||||
|
singapore: 'Singapore',
|
||||||
|
unitedKingdom: 'United Kingdom'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Wardrobe: {
|
||||||
|
title: 'My Wardrobe',
|
||||||
|
subtitle: 'Your digital pieces, all in one place',
|
||||||
|
common: {
|
||||||
|
all: 'All'
|
||||||
|
},
|
||||||
|
tabs: {
|
||||||
|
ariaLabel: 'Wardrobe tabs',
|
||||||
|
assets: 'Assets',
|
||||||
|
orders: 'Orders'
|
||||||
|
},
|
||||||
|
sort: {
|
||||||
|
label: 'Sort by',
|
||||||
|
placeholder: 'Select',
|
||||||
|
dateAdded: 'Date Added',
|
||||||
|
selectedFirst: 'Selected First'
|
||||||
|
},
|
||||||
|
assets: {
|
||||||
|
filters: 'Filters',
|
||||||
|
clear: 'Clear',
|
||||||
|
categories: 'Categories',
|
||||||
|
gender: 'Gender',
|
||||||
|
selectedCount: '{count} Selected',
|
||||||
|
selectAll: 'Select All',
|
||||||
|
deselectAll: 'Deselect All',
|
||||||
|
downloadSelected: 'Download Selected',
|
||||||
|
genders: {
|
||||||
|
male: 'Male',
|
||||||
|
female: 'Female'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
orders: {
|
||||||
|
moreItems: '+{count} more',
|
||||||
|
statuses: {
|
||||||
|
all: 'All',
|
||||||
|
paid: 'Paid',
|
||||||
|
unpaid: 'Unpaid',
|
||||||
|
cancelled: 'Canceled'
|
||||||
|
},
|
||||||
|
statusBadges: {
|
||||||
|
paid: 'PAID',
|
||||||
|
unpaid: 'UNPAID',
|
||||||
|
cancelled: 'CANCELED'
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
invoice: 'Invoice',
|
||||||
|
completePayment: 'Complete Payment',
|
||||||
|
buyAgain: 'Buy Again'
|
||||||
|
},
|
||||||
|
invoiceMessage: 'Invoice is being prepared. Please refresh later.'
|
||||||
|
},
|
||||||
|
empty: {
|
||||||
|
title: 'Nothing in Wardrobe yet',
|
||||||
|
description: 'Explore the digital item and add pieces to your collection.',
|
||||||
|
action: 'Explore Digital Items'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
ClothesCategories: {
|
||||||
|
blouse: 'Blouse',
|
||||||
|
dress: 'Dress',
|
||||||
|
trousers: 'Trousers',
|
||||||
|
skirt: 'Skirt',
|
||||||
|
tops: 'Tops',
|
||||||
|
bottoms: 'Bottoms',
|
||||||
|
outwear: 'Outwear',
|
||||||
|
others: 'Others'
|
||||||
|
},
|
||||||
|
collectionStory: {
|
||||||
|
back: 'Back to Home',
|
||||||
|
title: 'We’re Seeking',
|
||||||
|
description: 'Fashion Voice Worth Featuring.',
|
||||||
|
button: 'Contact Us if Interested',
|
||||||
|
joinUs: {
|
||||||
|
title: 'Join Our Designer Community',
|
||||||
|
info: 'Join our community of visionaries and publish your collection story.',
|
||||||
|
info2: 'We are currently seeking collections that deeply integrate the AiDA creative workflow, specifically those that resonate through powerful core concepts and evocative inspiration. ',
|
||||||
|
info3: 'This architecture is designed to elevate your exposure through profound "propositional expression," ensuring that soulful, story-driven designs achieve higher market premiums and superior sales conversion.'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
footer: {
|
||||||
|
About: 'About',
|
||||||
|
PrivacyPolicy: 'Privacy Policy',
|
||||||
|
TermsOfUse: 'Terms of Use',
|
||||||
|
Disclaimer: 'Disclaimer',
|
||||||
|
SiteMap: 'Site Map'
|
||||||
|
},
|
||||||
|
brand: {
|
||||||
|
title: 'Brand',
|
||||||
|
description: "Every brand, every story — discover who's behind the collections.",
|
||||||
|
search: 'Enter a brand name...',
|
||||||
|
noFound: 'Brand No Found',
|
||||||
|
noFoundTip: 'Try using another keywords.',
|
||||||
|
searchHistory: 'Searching History',
|
||||||
|
brandItem: {
|
||||||
|
viewProfile: 'View Profile'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
brandDetail: {
|
||||||
|
addShoppingTip: 'Please log in first.',
|
||||||
|
merchantInfo: {
|
||||||
|
Contact: 'Contact',
|
||||||
|
About: 'About'
|
||||||
|
},
|
||||||
|
All: 'All'
|
||||||
|
},
|
||||||
|
digitalItem: {
|
||||||
|
BestSelling: 'Best Selling',
|
||||||
|
Price: 'Price: Low to High',
|
||||||
|
SelectedFirst: 'Selected First',
|
||||||
|
DateAdded: 'Date Added',
|
||||||
|
NewestFirst: 'Newest First',
|
||||||
|
title: 'Digital Item',
|
||||||
|
info: 'Virtual fashion creations collected in your personal archive',
|
||||||
|
sortBy: 'Sort By',
|
||||||
|
noData: 'Nothing in Digital Item',
|
||||||
|
noDataTip: 'Try adjusting your filters or refreshing the page.',
|
||||||
|
MerchantInfo: {
|
||||||
|
Filters: 'Filters',
|
||||||
|
Clear: 'Clear',
|
||||||
|
Categories: 'Categories',
|
||||||
|
Gender: 'Gender'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checked: {
|
||||||
|
All: 'All'
|
||||||
|
},
|
||||||
|
MainHeader: {
|
||||||
|
Home: 'Home',
|
||||||
|
CollectionStory: 'Collection Story',
|
||||||
|
Brand: 'Brand',
|
||||||
|
DigitalItem: 'Digital Item',
|
||||||
|
HiName: 'Hi, {name}',
|
||||||
|
MyWardrobe: 'My Wardrobe',
|
||||||
|
Notifications: 'Notifications',
|
||||||
|
Settings: 'Settings'
|
||||||
|
},
|
||||||
|
ShoppingCart: {
|
||||||
|
title: 'Shopping Cart',
|
||||||
|
listNullTitle: 'Your Cart is empty',
|
||||||
|
listNullTip: 'Discover new fashion assets and add them to your cart.',
|
||||||
|
dateTimeFormat: 'SM D, YYYY, h:mm A',
|
||||||
|
noLongerAvailable: 'No Longer Available',
|
||||||
|
delistedFromMarketplace: 'Delisted from marketplace',
|
||||||
|
remove: 'Remove',
|
||||||
|
removeTip: 'Are you sure to remove this item?',
|
||||||
|
total: 'Total',
|
||||||
|
digitalAssets: 'Digital assets. Creator retains copyright.',
|
||||||
|
checkout: 'Checkout',
|
||||||
|
exploreDigitalItems: 'Explore Digital Items',
|
||||||
|
orderSummary: 'Order Summary',
|
||||||
|
selected: 'Selected',
|
||||||
|
brands: 'Brands',
|
||||||
|
item: 'item',
|
||||||
|
checkoutSelected: 'Checkout Selected'
|
||||||
|
},
|
||||||
|
digitalDetail: {
|
||||||
|
Sketch: 'Sketch',
|
||||||
|
Illustration: 'Illustration',
|
||||||
|
Product: 'Product Image',
|
||||||
|
EditorialVisual: 'Editorial Visual',
|
||||||
|
Back: 'Back',
|
||||||
|
ReleaseIn: 'Release in',
|
||||||
|
CopyrightLicenseNotice: 'Copyright & License Notice',
|
||||||
|
LicenseIncludedInAsset: 'License Included in Asset',
|
||||||
|
LicenseIncludedInAssetInfo:
|
||||||
|
'All products on this platform are digital assets, not physical goods. Purchase grants a usage license only; copyright and intellectual property rights remain with the original creator, unless otherwise stated.',
|
||||||
|
BuyNow: 'Buy Now',
|
||||||
|
AddToCart: 'Add to Cart'
|
||||||
|
},
|
||||||
|
Home: {
|
||||||
|
IndexTitle:
|
||||||
|
'We’re Seeking<br /><span>Fashion Voice</span><br /><span class="small">Worth Featuring.</span>',
|
||||||
|
IndexTip:
|
||||||
|
'Discover collections through the stories behind their creation. A curated space connecting designers, narratives, and fashion commerce.',
|
||||||
|
DesignerTitle: 'Designer Community',
|
||||||
|
DesignerTip:
|
||||||
|
'Discover the designers shaping AiDA’s creative landscape. <br />Each month, we will showcase a curated selection of their most distinguished works.',
|
||||||
|
SearchBrands: 'Search Brands',
|
||||||
|
AidaTitle: 'Design with AiDA',
|
||||||
|
AidaTip:
|
||||||
|
'Each garment on this platform is where designer vision blooms through AiDA. A tool that nurtures your creativity, never overshadows it. Let your ideas flourish.',
|
||||||
|
TryNow: 'Try Now',
|
||||||
|
DigitalItems: 'Digital Items',
|
||||||
|
DigitalItemsTip1:
|
||||||
|
'AiDA captures your boldest thoughts and transforms them into vivid<br/>digital visions—a virtual realm where creativity collides and evolves.',
|
||||||
|
DigitalItemsTip2:
|
||||||
|
'AiDA accelerates style innovation, shaping daily pieces that keep<br/>your wardrobe in sync with modern fashion’s rhythm.',
|
||||||
|
FooterTip:
|
||||||
|
"Stylish Parade is a commerce platform for designers, serving as AiDA's commercial extension.",
|
||||||
|
FooterAidaTip: 'Bloom your Creativity with AiDA!',
|
||||||
|
Help: 'Help',
|
||||||
|
FAQ: 'FAQ',
|
||||||
|
MyAccount: 'My Account',
|
||||||
|
MyOrders: 'My Orders',
|
||||||
|
PaymentInvoices: 'Payment and Invoices',
|
||||||
|
CopyrightLicense: 'Copyright Licence',
|
||||||
|
Polices: 'Policies',
|
||||||
|
Legal: 'Legal',
|
||||||
|
PrivacyPolicy: 'Privacy Policy',
|
||||||
|
CookiesSettings: 'Cookies Settings',
|
||||||
|
PurchaseConditions: 'Purchase Conditions',
|
||||||
|
Company: 'Company',
|
||||||
|
AboutUs: 'About Us',
|
||||||
|
Offices: 'Offices',
|
||||||
|
JoinWithUs: 'Join with Us'
|
||||||
|
},
|
||||||
|
addShoppingCart: {
|
||||||
|
title: 'Added to your Shopping Cart',
|
||||||
|
statement: 'Digital Assets Only. No physical product included.',
|
||||||
|
button: 'See Shopping Cart',
|
||||||
|
status1: 'The product has been purchased. You can view it in your orders.',
|
||||||
|
status0: 'The order has been placed but not yet paid for.'
|
||||||
|
},
|
||||||
|
area: {
|
||||||
|
chinaMainland: 'China Mainland',
|
||||||
|
hongKongSar: 'Hong Kong SAR',
|
||||||
|
macauSar: 'Macau SAR',
|
||||||
|
taiwan: 'Taiwan',
|
||||||
|
japan: 'Japan',
|
||||||
|
southKorea: 'South Korea',
|
||||||
|
singapore: 'Singapore',
|
||||||
|
unitedStates: 'United States',
|
||||||
|
unitedKingdom: 'United Kingdom',
|
||||||
|
france: 'France',
|
||||||
|
italy: 'Italy',
|
||||||
|
germany: 'Germany',
|
||||||
|
australia: 'Australia',
|
||||||
|
canada: 'Canada'
|
||||||
|
},
|
||||||
|
Pay: {
|
||||||
|
OrderSummary: 'Order Summary',
|
||||||
|
PaymentDetails: 'Payment Details',
|
||||||
|
CreditDebitCard: 'Credit / Debit Card',
|
||||||
|
AgreementText:
|
||||||
|
'I agree to the <span onclick="{onTermsClick}">Terms & Conditions</span> and <span onclick="{onPrivacyClick}">Privacy Policy</span>. All digital item sales are final and non-refundable.',
|
||||||
|
PayWithStripe: 'Pay with Stripe',
|
||||||
|
PayWith: 'Pay with',
|
||||||
|
Cancel: 'Cancel',
|
||||||
|
IHaveCompletedPayment: 'I Have Completed payment',
|
||||||
|
Back: 'Back',
|
||||||
|
PayTip1:
|
||||||
|
"You'll be redirected to a Stripe popup to log in and confirm. No card details are shared with Stylish Parade — Stripe handles all payment security.",
|
||||||
|
PayTip2:
|
||||||
|
'Please keep the window open until the payment is completed. If you are to open the payment window, please check your browser settings to see if pop-ups are being blocked. Points may be delayed after successful payment. Please wait 1-3 minutes and click the credits refresh button.',
|
||||||
|
PurchaseSuccessful: 'Purchase Successful',
|
||||||
|
PurchaseSuccessfulTip:
|
||||||
|
'Your digital items are now available and have been saved in Personal Center → My Wardrobe.',
|
||||||
|
DownloadAllAssets: 'download all Assets',
|
||||||
|
ExportInvoice: 'Export Invoice',
|
||||||
|
ContinueShopping: 'Continue Shopping'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,21 +1,24 @@
|
|||||||
export default {
|
export default {
|
||||||
Login: {
|
Login: {
|
||||||
|
signup: '注册',
|
||||||
login: '登录',
|
login: '登录',
|
||||||
|
logoff: '退出登录',
|
||||||
register: '注册',
|
register: '注册',
|
||||||
signUp: '注册',
|
loginTip: '与 AiDA 集成的平台。<br />需要登录 AiDA 账户。',
|
||||||
loginTo: '登录到 <span>FiDA</span',
|
|
||||||
loginTitle: '一个多智能体画布,用于快速、趋势驱动的设计迭代。',
|
|
||||||
name: '姓名',
|
name: '姓名',
|
||||||
email: '邮箱',
|
email: '邮箱',
|
||||||
password: '密码',
|
password: '密码',
|
||||||
|
passwordConfirmation: '密码确认',
|
||||||
enterName: '请输入姓名',
|
enterName: '请输入姓名',
|
||||||
enterEmail: '请输入邮箱',
|
enterEmail: '请输入邮箱',
|
||||||
enterPassword: '请输入密码',
|
enterPassword: '请输入密码',
|
||||||
|
enterPasswordAgain: '请输入密码确认',
|
||||||
|
passwordTip: '你必须满足所有密码条件才能注册。',
|
||||||
forgotPassword: '忘记密码?',
|
forgotPassword: '忘记密码?',
|
||||||
pleaseInputName: '请输入姓名',
|
pleaseInputName: '请输入姓名',
|
||||||
nameLengthError: '姓名长度必须在 {min} 到 {max} 个字符之间',
|
nameLengthError: '姓名长度必须在 {min} 到 {max} 个字符之间',
|
||||||
passwordSpecial: '必须包含特殊符号',
|
passwordSpecial: '必须包含特殊符号',
|
||||||
passwordCase: '大小写字母与数字混合组合',
|
passwordCase: '字母和数字组合',
|
||||||
pleaseInputEmail: '请输入邮箱',
|
pleaseInputEmail: '请输入邮箱',
|
||||||
emailFormatError: '请输入正确的邮箱',
|
emailFormatError: '请输入正确的邮箱',
|
||||||
pleaseInputPassword: '请输入密码',
|
pleaseInputPassword: '请输入密码',
|
||||||
@@ -37,6 +40,376 @@ export default {
|
|||||||
wechatLogin: '使用微信登录',
|
wechatLogin: '使用微信登录',
|
||||||
indexTip: '一个多智能体画布,用于快速、趋势驱动的设计迭代。',
|
indexTip: '一个多智能体画布,用于快速、趋势驱动的设计迭代。',
|
||||||
sendCodeError: '发送验证码失败',
|
sendCodeError: '发送验证码失败',
|
||||||
retrievePassword: '找回密码'
|
retrievePassword: '找回密码',
|
||||||
|
emailVerification: '邮箱验证',
|
||||||
|
retrievePasswordTitle: '请输入您的邮箱地址以验证您的身份。',
|
||||||
|
submit: '提交',
|
||||||
|
enterNewPassword: '请输入新密码<br/><span>{email}</span>',
|
||||||
|
passwordsDoNotMatch: '两次输入密码不一致',
|
||||||
|
logOffTip: '确定退出登录吗?',
|
||||||
|
pleaseLogTip: '请重新登录并重试。'
|
||||||
},
|
},
|
||||||
|
RegisterSuccess: {
|
||||||
|
title1: '欢迎来到 Stylish Parade!',
|
||||||
|
title2: '请切换到登录选项卡以登录。',
|
||||||
|
title3: '在 Stylish Parade 中等待你的发现',
|
||||||
|
item1title: '设计灵感',
|
||||||
|
item1tip: '了解设计师是如何借助 AiDA 将创意变为现实的——从最初的草图到最终的成品。',
|
||||||
|
item2title: '创意数字作品',
|
||||||
|
item2tip: '解锁一个增长的数字作品库,刷新你的创意。',
|
||||||
|
item3title: '时尚社区',
|
||||||
|
item3tip: '加入一个全球的时尚社区,与设计师分享创意。'
|
||||||
|
},
|
||||||
|
Settings: {
|
||||||
|
title: '设置',
|
||||||
|
slogan: '管理你的账户设置和偏好',
|
||||||
|
profile: {
|
||||||
|
title: '个人资料',
|
||||||
|
description: '更新你的显示名称、头像、社交链接和账户安全信息。',
|
||||||
|
firstName: '名字',
|
||||||
|
lastName: '姓氏',
|
||||||
|
firstNamePlaceholder: '请输入名字',
|
||||||
|
lastNamePlaceholder: '请输入姓氏',
|
||||||
|
username: '用户名',
|
||||||
|
usernamePlaceholder: '请输入用户名',
|
||||||
|
usernameTip: '这是你在 Stylish Parade 上公开显示的用户名。',
|
||||||
|
role: '身份标签',
|
||||||
|
roleTip: '最多选择 2 个符合你的标签。'
|
||||||
|
},
|
||||||
|
avatarCrop: {
|
||||||
|
title: '裁剪头像',
|
||||||
|
confirm: '确认',
|
||||||
|
processing: '处理中...'
|
||||||
|
},
|
||||||
|
security: {
|
||||||
|
title: '安全',
|
||||||
|
description: '管理你的登录邮箱和密码。',
|
||||||
|
email: '邮箱',
|
||||||
|
newEmail: '新邮箱地址',
|
||||||
|
newEmailPlaceholder: '请输入新邮箱',
|
||||||
|
verify: '验证',
|
||||||
|
verified: '已验证',
|
||||||
|
verifiedTip: '你的新邮箱已验证成功,可以保存。',
|
||||||
|
password: '密码',
|
||||||
|
newPassword: '新密码',
|
||||||
|
newPasswordPlaceholder: '请输入新密码',
|
||||||
|
passwordTip: '你必须满足所有密码条件才能注册。',
|
||||||
|
currentPassword: '当前密码',
|
||||||
|
currentPasswordPlaceholder: '请输入当前密码确认'
|
||||||
|
},
|
||||||
|
region: {
|
||||||
|
title: '语言与地区',
|
||||||
|
description: '设置你偏好的语言、地区和货币显示方式。',
|
||||||
|
displayLanguage: '显示语言',
|
||||||
|
selectLanguage: '请选择语言',
|
||||||
|
region: '地区',
|
||||||
|
selectRegion: '请选择地区'
|
||||||
|
},
|
||||||
|
buttons: {
|
||||||
|
cancel: '取消',
|
||||||
|
discard: '放弃',
|
||||||
|
edit: '编辑',
|
||||||
|
saveChange: '保存更改',
|
||||||
|
verifyEmail: '验证邮箱',
|
||||||
|
saving: '保存中...'
|
||||||
|
},
|
||||||
|
dialog: {
|
||||||
|
title: '检查你的新邮箱',
|
||||||
|
subtitle: '请输入发送到以下邮箱的 6 位验证码',
|
||||||
|
submit: '提交',
|
||||||
|
resendCode: '重新发送验证码',
|
||||||
|
resendCodeIn: '{time} 后可重新发送验证码'
|
||||||
|
},
|
||||||
|
messages: {
|
||||||
|
enterNewEmailFirst: '请先输入新的邮箱地址',
|
||||||
|
invalidEmail: '请输入有效的邮箱地址',
|
||||||
|
sameEmail: '请输入不同的邮箱地址',
|
||||||
|
alreadyVerified: '该邮箱已完成验证',
|
||||||
|
verificationCodeSent: '验证码已发送',
|
||||||
|
enterVerificationCode: '请输入 6 位验证码',
|
||||||
|
verificationCompleted: '邮箱验证完成',
|
||||||
|
verifyEmailBeforeSave: '请先完成新邮箱验证再保存',
|
||||||
|
currentPasswordRequired: '请输入当前密码',
|
||||||
|
passwordLengthError: '密码长度必须在 {min} 到 {max} 个字符之间',
|
||||||
|
passwordSpecial: '密码必须包含特殊符号',
|
||||||
|
passwordCase: '密码必须包含大小写字母和数字',
|
||||||
|
passwordNotSameAsOld: '新密码不能与旧密码相同',
|
||||||
|
settingsUpdated: '设置已更新',
|
||||||
|
avatarTooLarge: '图片过大,最大 5MB。',
|
||||||
|
avatarCropFailed: '头像裁剪失败',
|
||||||
|
avatarUploadUrlMissing: '未获取到上传后的文件地址',
|
||||||
|
avatarUpdated: '头像已更新',
|
||||||
|
avatarUploadFailed: '上传失败'
|
||||||
|
},
|
||||||
|
roles: {
|
||||||
|
fashionEnthusiast: '时尚爱好者',
|
||||||
|
contentCreator: '内容创作者',
|
||||||
|
student: '学生',
|
||||||
|
retailBuyer: '零售 / 买手',
|
||||||
|
fashionDesigner: '服装设计师',
|
||||||
|
brandBusiness: '品牌 / 商业',
|
||||||
|
prCommunications: '公关与传播',
|
||||||
|
stylist: '造型师',
|
||||||
|
graphicDesigner: '平面设计师',
|
||||||
|
artist3d: '3D 艺术家',
|
||||||
|
other: '其他'
|
||||||
|
},
|
||||||
|
languages: {
|
||||||
|
ENGLISH: '英文',
|
||||||
|
CHINESE_SIMPLIFIED: '简体中文'
|
||||||
|
},
|
||||||
|
regions: {
|
||||||
|
hongKongSar: '中国香港特别行政区',
|
||||||
|
mainlandChina: '中国大陆',
|
||||||
|
singapore: '新加坡',
|
||||||
|
unitedKingdom: '英国'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Wardrobe: {
|
||||||
|
title: '我的衣橱',
|
||||||
|
subtitle: '你的数字单品尽在此处',
|
||||||
|
common: {
|
||||||
|
all: '全部'
|
||||||
|
},
|
||||||
|
tabs: {
|
||||||
|
ariaLabel: '衣橱标签页',
|
||||||
|
assets: '资产',
|
||||||
|
orders: '订单'
|
||||||
|
},
|
||||||
|
sort: {
|
||||||
|
label: '排序',
|
||||||
|
placeholder: '请选择',
|
||||||
|
dateAdded: '添加日期',
|
||||||
|
selectedFirst: '已选优先'
|
||||||
|
},
|
||||||
|
assets: {
|
||||||
|
filters: '筛选',
|
||||||
|
clear: '清除',
|
||||||
|
categories: '类别',
|
||||||
|
gender: '性别',
|
||||||
|
selectedCount: '已选择 {count} 件',
|
||||||
|
selectAll: '全选',
|
||||||
|
deselectAll: '取消全选',
|
||||||
|
downloadSelected: '下载已选',
|
||||||
|
genders: {
|
||||||
|
male: '男',
|
||||||
|
female: '女'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
orders: {
|
||||||
|
moreItems: '还有 {count} 件',
|
||||||
|
statuses: {
|
||||||
|
all: '全部',
|
||||||
|
paid: '已支付',
|
||||||
|
unpaid: '待支付',
|
||||||
|
cancelled: '已取消'
|
||||||
|
},
|
||||||
|
statusBadges: {
|
||||||
|
paid: '已支付',
|
||||||
|
unpaid: '待支付',
|
||||||
|
cancelled: '已取消'
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
invoice: '发票',
|
||||||
|
completePayment: '完成付款',
|
||||||
|
buyAgain: '再次购买'
|
||||||
|
},
|
||||||
|
invoiceMessage: '发票生成中,请稍后刷新页面查看。'
|
||||||
|
},
|
||||||
|
empty: {
|
||||||
|
title: '衣橱暂无内容',
|
||||||
|
description: '探索数字单品,并添加到你的收藏。',
|
||||||
|
action: '探索数字单品'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
ClothesCategories: {
|
||||||
|
blouse: '衬衫',
|
||||||
|
dress: '连衣裙',
|
||||||
|
trousers: '裤子',
|
||||||
|
skirt: '短裙',
|
||||||
|
tops: '上装',
|
||||||
|
bottoms: '下装',
|
||||||
|
outwear: '外套',
|
||||||
|
others: '其他'
|
||||||
|
},
|
||||||
|
collectionStory: {
|
||||||
|
back: '返回首页',
|
||||||
|
title: '我们在寻找',
|
||||||
|
description: '值得被听见的时尚之声',
|
||||||
|
button: '如有兴趣,请联系我们',
|
||||||
|
joinUs: {
|
||||||
|
title: '加入我们的设计师社区,',
|
||||||
|
info: '加入我们的远见者社区,发表你的系列故事。',
|
||||||
|
info2: '我们目前正在寻找深度整合 AiDA 创意工作流程的系列作品,特别是那些通过强大的核心理念和富有感染力的灵感而产生共鸣的作品。',
|
||||||
|
info3: '这一架构旨在通过深刻的‘命题式表达’提升你的曝光度,确保那些有灵魂、由故事驱动的设计能获得更高的市场溢价和卓越的销售转化率。'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
footer: {
|
||||||
|
About: '关于我们',
|
||||||
|
PrivacyPolicy: '隐私政策',
|
||||||
|
TermsOfUse: '条款与条件',
|
||||||
|
Disclaimer: '免责声明',
|
||||||
|
SiteMap: '地图'
|
||||||
|
},
|
||||||
|
brand: {
|
||||||
|
title: '品牌',
|
||||||
|
description: '每一个品牌,每一个故事 — 发现系列作品背后的缔造者。',
|
||||||
|
search: '输入一个品牌名字',
|
||||||
|
noFound: '未找到品牌',
|
||||||
|
noFoundTip: '请尝试使用其他关键词。',
|
||||||
|
searchHistory: '搜索历史',
|
||||||
|
brandItem: {
|
||||||
|
viewProfile: '查看简介'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
brandDetail: {
|
||||||
|
addShoppingTip: '请先登录。',
|
||||||
|
merchantInfo: {
|
||||||
|
Contact: '联系方式',
|
||||||
|
About: '关于我们'
|
||||||
|
},
|
||||||
|
All: '全部'
|
||||||
|
},
|
||||||
|
digitalItem: {
|
||||||
|
BestSelling: '畅销优先',
|
||||||
|
Price: '价格:从低到高',
|
||||||
|
SelectedFirst: '已选优先',
|
||||||
|
DateAdded: '添加日期',
|
||||||
|
NewestFirst: '最新优先',
|
||||||
|
title: '数字藏品',
|
||||||
|
info: '收藏于个人档案中的虚拟时装作品',
|
||||||
|
sortBy: '排序方式',
|
||||||
|
noData: '暂无数字藏品',
|
||||||
|
noDataTip: '请尝试调整筛选条件或刷新页面。',
|
||||||
|
MerchantInfo: {
|
||||||
|
Filters: '筛选',
|
||||||
|
Clear: '清空',
|
||||||
|
Categories: '分类',
|
||||||
|
Gender: '适用性别'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checked: {
|
||||||
|
All: '全部'
|
||||||
|
},
|
||||||
|
MainHeader: {
|
||||||
|
Home: '首页',
|
||||||
|
CollectionStory: '系列故事',
|
||||||
|
Brand: '品牌',
|
||||||
|
DigitalItem: '数字藏品',
|
||||||
|
HiName: '你好,{name}',
|
||||||
|
MyWardrobe: '我的衣橱',
|
||||||
|
Notifications: '通知',
|
||||||
|
Settings: '设置'
|
||||||
|
},
|
||||||
|
ShoppingCart: {
|
||||||
|
title: '购物车',
|
||||||
|
listNullTitle: '你的购物车为空',
|
||||||
|
listNullTip: '发现新的时尚资产并将其添加到你的购物车。',
|
||||||
|
dateTimeFormat: 'YYYY-MM-DD HH:mm',
|
||||||
|
noLongerAvailable: '已下架',
|
||||||
|
delistedFromMarketplace: '已从市场移除',
|
||||||
|
remove: '删除',
|
||||||
|
removeTip: '确认删除吗?',
|
||||||
|
total: '总金额',
|
||||||
|
digitalAssets: '数字资产。创作者保留版权。',
|
||||||
|
checkout: '结账',
|
||||||
|
exploreDigitalItems: '探索数字单品',
|
||||||
|
orderSummary: '订单信息',
|
||||||
|
selected: '已选',
|
||||||
|
brands: '品牌',
|
||||||
|
item: '数字藏品',
|
||||||
|
checkoutSelected: '结账'
|
||||||
|
},
|
||||||
|
digitalDetail: {
|
||||||
|
Sketch: '草图',
|
||||||
|
Illustration: '插画',
|
||||||
|
Product: '产品',
|
||||||
|
EditorialVisual: '编辑视觉',
|
||||||
|
Back: '返回',
|
||||||
|
ReleaseIn: '发布于',
|
||||||
|
CopyrightLicenseNotice: '版权与许可声明',
|
||||||
|
LicenseIncludedInAsset: '资产包含许可',
|
||||||
|
LicenseIncludedInAssetInfo:
|
||||||
|
'本平台所有产品均为数字资产,非实物商品。购买仅授予使用许可;版权及知识产权仍归原作者所有,除非另有说明。',
|
||||||
|
BuyNow: '立即购买',
|
||||||
|
AddToCart: '加入购物车'
|
||||||
|
},
|
||||||
|
addShoppingCart: {
|
||||||
|
title: '已添加到您的购物车',
|
||||||
|
statement: '仅限数字资产。不包含实体产品。',
|
||||||
|
button: '去购物车',
|
||||||
|
status1: '商品已经购买,可在订单中看到',
|
||||||
|
status0: '商品已下单尚未付款'
|
||||||
|
},
|
||||||
|
area: {
|
||||||
|
chinaMainland: '中国大陆',
|
||||||
|
hongKongSar: '中国香港特别行政区',
|
||||||
|
macauSar: '中国澳门特别行政区',
|
||||||
|
taiwan: '中国台湾',
|
||||||
|
japan: '日本',
|
||||||
|
southKorea: '韩国',
|
||||||
|
singapore: '新加坡',
|
||||||
|
unitedStates: '美国',
|
||||||
|
unitedKingdom: '英国',
|
||||||
|
france: '法国',
|
||||||
|
italy: '意大利',
|
||||||
|
germany: '德国',
|
||||||
|
australia: '澳大利亚',
|
||||||
|
canada: '加拿大'
|
||||||
|
},
|
||||||
|
Home: {
|
||||||
|
IndexTitle: '我们正在寻<br />找值得推广<br />的时尚之声。',
|
||||||
|
IndexTip:
|
||||||
|
'通过了解每件作品背后的故事来探索其收藏品。这是一个精心打造的场所,将设计师、故事和时尚商业紧密相连。',
|
||||||
|
DesignerTitle: '设计师社区',
|
||||||
|
DesignerTip: '发现 AiDA 创意社区的设计师。<br />每月我们都会展示他们最杰出的作品。',
|
||||||
|
SearchBrands: '搜索品牌',
|
||||||
|
AidaTitle: '使用 AiDA 设计',
|
||||||
|
AidaTip:
|
||||||
|
'在这个平台上,每一件服装都是设计师创意在 AiDA 软件中绽放的成果。AiDA 是一款能激发您的创造力的工具,它从不掩盖您的才华。让您的创意尽情绽放吧。',
|
||||||
|
TryNow: '立即试用',
|
||||||
|
DigitalItems: '数字藏品',
|
||||||
|
DigitalItemsTip1:
|
||||||
|
'AiDA 能够捕捉您最激昂的想法,并将其转化为生动的形象。<br />“数字愿景”一个充满创造力碰撞与发展的虚拟世界。',
|
||||||
|
DigitalItemsTip2:
|
||||||
|
'AiDA 风格的创新,打造出实用性强的日常服饰,这些服饰能够经久耐用。<br/>你的衣橱与现代时尚的节奏保持同步。',
|
||||||
|
FooterTip: 'Stylish Parade 是一个为设计师提供的商业平台,它作为 AiDA 商业的商业扩展。',
|
||||||
|
FooterAidaTip: '使用 AiDA 设计',
|
||||||
|
Help: '帮助',
|
||||||
|
FAQ: '常见问题',
|
||||||
|
MyAccount: '我的账户',
|
||||||
|
MyOrders: '我的订单',
|
||||||
|
PaymentInvoices: '支付发票',
|
||||||
|
CopyrightLicense: '版权与许可声明',
|
||||||
|
Polices: '政策',
|
||||||
|
Legal: '法律',
|
||||||
|
PrivacyPolicy: '隐私政策',
|
||||||
|
CookiesSettings: 'Cookie 设置',
|
||||||
|
PurchaseConditions: '购买条件',
|
||||||
|
Company: '公司',
|
||||||
|
AboutUs: '关于我们',
|
||||||
|
Offices: '办公室',
|
||||||
|
JoinWithUs: '加入我们'
|
||||||
|
},
|
||||||
|
Pay: {
|
||||||
|
OrderSummary: '订单信息',
|
||||||
|
PaymentDetails: '支付详情',
|
||||||
|
CreditDebitCard: '信用卡/借记卡',
|
||||||
|
AgreementText:
|
||||||
|
'我同意 <span onclick="{onTermsClick}">使用条款与条件</span> 和 <span onclick="{onPrivacyClick}">隐私政策</span>。所有数字资产销售均为最终销售,不可退款。',
|
||||||
|
PayWithStripe: '使用 Stripe 支付',
|
||||||
|
PayWith: '支付',
|
||||||
|
Cancel: '取消',
|
||||||
|
IHaveCompletedPayment: '我已完成支付',
|
||||||
|
Back: '返回',
|
||||||
|
PayTip1:
|
||||||
|
'您将被重定向到 Stripe 弹窗以登录并确认支付。您的信用卡信息不会被 Stylish Parade 收集。Stripe 处理所有支付安全。',
|
||||||
|
PayTip2:
|
||||||
|
'请保持窗口打开,直到支付完成。如果您打开支付窗口,请检查浏览器设置以查看是否已阻止弹窗。支付完成后,积分可能会有延迟。请等待 1-3 分钟并点击积分刷新按钮。',
|
||||||
|
PurchaseSuccessful: '购买成功',
|
||||||
|
PurchaseSuccessfulTip: '您的数字资产已保存在个人中心的我的衣橱中。',
|
||||||
|
DownloadAllAssets: '下载所有资产',
|
||||||
|
ExportInvoice: '导出发票',
|
||||||
|
ContinueShopping: '继续购物'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,43 +1,168 @@
|
|||||||
import { createRouter, createWebHistory } from 'vue-router'
|
import { createRouter, createWebHistory } from 'vue-router'
|
||||||
|
import { useUserInfoStore } from '@/stores/userInfo'
|
||||||
|
import { useGlobalStore } from '@/stores/global'
|
||||||
|
import { getUserLanguage, fetchUserProfile } from '@/api/user'
|
||||||
|
import { fetchAllUnreadMessage } from '@/api/notification'
|
||||||
|
import i18n from '@/lang/index'
|
||||||
|
import myEvent from '@/utils/myEvent'
|
||||||
|
|
||||||
|
// 语言映射:后端格式 -> i18n 格式
|
||||||
|
const backendToI18nLanguage: Record<string, string> = {
|
||||||
|
en: 'ENGLISH',
|
||||||
|
'zh-CN': 'CHINESE_SIMPLIFIED'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 语言同步状态缓存(避免每次路由切换都请求)
|
||||||
|
let languageSynced = false
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 路由缓存机制:
|
* 路由缓存机制:
|
||||||
* 1. 设置路由的meta属性为{ cache: true },表示需要缓存
|
* 1. 设置路由的meta属性为{ cache: true },表示需要缓存
|
||||||
* 2. App.vue中使用RouteCache组件,通过路由的name来进行匹配
|
* 2. App.vue中使用RouteCache组件,通过路由的name来进行匹配
|
||||||
* 3. 路由的name默认是文件名,如果文件名与name不一致,通过defineOptions({ name: 'componentName' })来设置
|
* 3. 路由的name默认是文件名,如果文件名与name不一致,通过defineOptions({ name: 'componentName' })来设置
|
||||||
|
*
|
||||||
|
* 需要登录路由: meta={ login:true }
|
||||||
*/
|
*/
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHistory('/'),
|
|
||||||
// history: createWebHistory(import.meta.env.VITE_APP_URL),
|
|
||||||
routes: [
|
routes: [
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
name: 'home',
|
name: 'home',
|
||||||
component: () => import('../views/home/index.vue'),
|
component: () => import('../views/home/index.vue')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/collectionStory',
|
path: '/collectionStory',
|
||||||
name: 'collectionStory',
|
name: 'collectionStory',
|
||||||
component: () => import('../views/collectionStory/index.vue'),
|
component: () => import('../views/collectionStory/index.vue')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/brand',
|
path: '/brand',
|
||||||
name: 'brand',
|
name: 'brand',
|
||||||
component: () => import('../views/brand/index.vue'),
|
component: () => import('../views/brand/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/brand/:id',
|
||||||
|
name: 'brandDetail',
|
||||||
|
component: () => import('../views/brandDetail/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/digitalItem',
|
||||||
|
name: 'digitalItem',
|
||||||
|
component: () => import('../views/digitalItem/index.vue'),
|
||||||
|
meta: { cache: true }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/digitalItem/:id',
|
||||||
|
name: 'digitalItemDetail',
|
||||||
|
component: () => import('../views/digitalDetail/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/settings',
|
||||||
|
name: 'settings',
|
||||||
|
component: () => import('@/views/setting/index.vue'),
|
||||||
|
meta: { cache: true }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/shoppingCart', // 购物车
|
||||||
|
name: 'shoppingCart',
|
||||||
|
component: () => import('@/views/shoppingCart/index.vue'),
|
||||||
|
meta: { login: true }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/notifications',
|
||||||
|
name: 'notifications',
|
||||||
|
component: () => import('@/views/notifications/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/wardrobe',
|
||||||
|
name: 'wardrobe',
|
||||||
|
component: () => import('@/views/wardrobe/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/account',
|
||||||
|
name: 'account',
|
||||||
|
component: () => import('@/views/account/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/pay',
|
||||||
|
name: 'pay',
|
||||||
|
component: () => import('@/views/pay/index.vue')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/:pathMatch(.*)',
|
path: '/:pathMatch(.*)',
|
||||||
name: '404',
|
name: '404',
|
||||||
component: () => import('../views/404.vue'),
|
component: () => import('../views/404.vue')
|
||||||
},
|
}
|
||||||
]
|
],
|
||||||
|
history: createWebHistory('/')
|
||||||
})
|
})
|
||||||
|
|
||||||
router.beforeEach((to, from, next) => {
|
router.beforeEach((to, from, next) => {
|
||||||
|
if (to.meta?.login && !useUserInfoStore().state.token) {
|
||||||
|
myEvent.emit('openLoginDialog')
|
||||||
|
}
|
||||||
next()
|
next()
|
||||||
})
|
})
|
||||||
|
|
||||||
router.afterEach(() => {
|
router.afterEach(async () => {
|
||||||
|
const userInfoStore = useUserInfoStore()
|
||||||
|
const token = userInfoStore.state.token
|
||||||
|
|
||||||
|
if (!token) {
|
||||||
|
languageSynced = false
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const avatarUrl = userInfoStore.state.userInfo.avatarUrl
|
||||||
|
if (!avatarUrl) {
|
||||||
|
fetchUserProfile().then((res) => {
|
||||||
|
const profile = res as any
|
||||||
|
if (profile.avatarUrl) {
|
||||||
|
userInfoStore.setAvatarUrl(profile.avatarUrl)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const globalStore = useGlobalStore()
|
||||||
|
fetchAllUnreadMessage().then((res) => {
|
||||||
|
globalStore.setUnredCount(res.totalUnread)
|
||||||
|
})
|
||||||
|
|
||||||
|
if (languageSynced) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
// 获取用户语言设置
|
||||||
|
const response = await getUserLanguage()
|
||||||
|
const userLanguage = (response as any)?.language // 后端返回 'en' 或 'zh-CN'
|
||||||
|
|
||||||
|
if (!userLanguage) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 转换为 i18n 格式
|
||||||
|
const i18nLanguage = backendToI18nLanguage[userLanguage]
|
||||||
|
|
||||||
|
if (!i18nLanguage) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取当前 i18n 语言
|
||||||
|
const currentLocale = i18n.global.locale.value
|
||||||
|
|
||||||
|
// 如果用户语言和本地 i18n 不一致,更新 i18n
|
||||||
|
if (i18nLanguage !== currentLocale) {
|
||||||
|
i18n.global.locale.value = i18nLanguage as 'ENGLISH' | 'CHINESE_SIMPLIFIED'
|
||||||
|
localStorage.setItem('language', i18nLanguage)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 标记已同步
|
||||||
|
languageSynced = true
|
||||||
|
} catch (error) {
|
||||||
|
// 静默失败,不影响页面正常加载
|
||||||
|
console.warn('Failed to sync user language:', error)
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
export default router
|
export default router
|
||||||
|
|||||||
@@ -2,13 +2,20 @@ import { defineStore } from 'pinia'
|
|||||||
import { ref, computed } from 'vue'
|
import { ref, computed } from 'vue'
|
||||||
export const useGlobalStore = defineStore('global', () => {
|
export const useGlobalStore = defineStore('global', () => {
|
||||||
const state = ref({
|
const state = ref({
|
||||||
loading: false
|
loading: false,
|
||||||
|
unReadMessageCount: 0
|
||||||
})
|
})
|
||||||
|
|
||||||
const setLoading = (v: boolean) => { state.value.loading = v }
|
const setLoading = (v: boolean) => {
|
||||||
|
state.value.loading = v
|
||||||
|
}
|
||||||
|
|
||||||
|
const setUnredCount = (number: number) => {
|
||||||
|
state.value.unReadMessageCount = number
|
||||||
|
}
|
||||||
return {
|
return {
|
||||||
state,
|
state,
|
||||||
setLoading,
|
setLoading,
|
||||||
|
setUnredCount
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,70 +1,61 @@
|
|||||||
// 每一个存储的模块,命名规则use开头,store结尾
|
// 每一个存储的模块,命名规则use开头,store结尾
|
||||||
|
import { AccountLogout } from '@/api/account'
|
||||||
import { defineStore } from 'pinia'
|
import { defineStore } from 'pinia'
|
||||||
import { ref, computed } from 'vue'
|
import { ref, computed } from 'vue'
|
||||||
import { removeLocal, setLocal } from '@/utils/local'
|
import { removeLocal, setLocal } from '@/utils/local'
|
||||||
import MyEvent from '@/utils/myEvent'
|
import MyEvent from '@/utils/myEvent'
|
||||||
|
import router from '@/router'
|
||||||
export const useUserInfoStore = defineStore('userInfo', () => {
|
export const useUserInfoStore = defineStore('userInfo', () => {
|
||||||
const state = ref({
|
const state = ref({
|
||||||
userInfo: {},
|
userInfo: {
|
||||||
token: '',
|
userId: "",
|
||||||
generateParams: {
|
email: "",
|
||||||
stylist: '',
|
username: "",
|
||||||
sex: '',
|
accessToken: "",
|
||||||
stylistImage: ''
|
expiresIn: "",
|
||||||
}
|
avatarUrl: "",
|
||||||
})
|
},
|
||||||
|
token: ''
|
||||||
|
})
|
||||||
|
|
||||||
// getters
|
// actions
|
||||||
const getUserInfo = computed(() => state.value.userInfo)
|
const setUserInfo = (data: any) => {
|
||||||
|
state.value.userInfo = data
|
||||||
|
setToken(data.accessToken)
|
||||||
|
}
|
||||||
|
|
||||||
// actions
|
const setToken = (data: string) => {
|
||||||
const setUserInfo = (data: any) => {
|
state.value.token = data
|
||||||
state.value.userInfo = data
|
setLocal(data, 'token')
|
||||||
}
|
}
|
||||||
|
|
||||||
const setToken = (data: string) => {
|
const setAvatarUrl = (url: string) => {
|
||||||
state.value.token = data
|
state.value.userInfo.avatarUrl = url
|
||||||
setLocal(data, 'token')
|
}
|
||||||
}
|
|
||||||
|
|
||||||
const getGenerateParams = () => {
|
const logout = async (reload: boolean = false) => {
|
||||||
return state.value.generateParams
|
// 处理退出登录的一些逻辑
|
||||||
}
|
const userId = state.value.userInfo.userId
|
||||||
|
if (userId) await AccountLogout({ userId })
|
||||||
|
state.value.userInfo = {
|
||||||
|
userId: "",
|
||||||
|
email: "",
|
||||||
|
username: "",
|
||||||
|
accessToken: "",
|
||||||
|
expiresIn: "",
|
||||||
|
avatarUrl: "",
|
||||||
|
}
|
||||||
|
state.value.token = ''
|
||||||
|
removeLocal('token')
|
||||||
|
if (reload) router.go(0)
|
||||||
|
|
||||||
const setGenerateParams = (data: any) => {
|
}
|
||||||
state.value.generateParams = data
|
|
||||||
}
|
|
||||||
|
|
||||||
const resetGenerateParams = () => {
|
return {
|
||||||
state.value.generateParams = {
|
state,
|
||||||
stylist: '',
|
setToken,
|
||||||
sex: '',
|
setUserInfo,
|
||||||
stylistImage: ''
|
setAvatarUrl,
|
||||||
}
|
logout
|
||||||
}
|
}
|
||||||
|
|
||||||
const logOut = () => {
|
|
||||||
// 处理退出登录的一些逻辑
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
state.value.token = ''
|
|
||||||
state.value.userInfo = {}
|
|
||||||
removeLocal('token')
|
|
||||||
resetGenerateParams()
|
|
||||||
MyEvent.emit('clear-generate-state')
|
|
||||||
MyEvent.emit('clear-client-state')
|
|
||||||
MyEvent.emit('clearAllCache')
|
|
||||||
resolve('')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
state,
|
|
||||||
getUserInfo,
|
|
||||||
setToken,
|
|
||||||
setUserInfo,
|
|
||||||
setGenerateParams,
|
|
||||||
getGenerateParams,
|
|
||||||
resetGenerateParams,
|
|
||||||
logOut
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
71
src/utils/ClothesCategory.ts
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
import { computed } from 'vue'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
import i18n from '@/lang'
|
||||||
|
|
||||||
|
type Translate = (key: string) => string
|
||||||
|
|
||||||
|
const clothesCategoryConfigs = [
|
||||||
|
{
|
||||||
|
key: 'blouse',
|
||||||
|
value: 'blouse'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'dress',
|
||||||
|
value: 'dress'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'trousers',
|
||||||
|
value: 'trousers'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'skirt',
|
||||||
|
value: 'skirt'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'tops',
|
||||||
|
value: 'tops'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'bottoms',
|
||||||
|
value: 'bottoms'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'outwear',
|
||||||
|
value: 'outwear'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'others',
|
||||||
|
value: 'others'
|
||||||
|
}
|
||||||
|
] as const
|
||||||
|
|
||||||
|
export type ClothesCategoryValue = (typeof clothesCategoryConfigs)[number]['value']
|
||||||
|
|
||||||
|
export interface ClothesCategory {
|
||||||
|
name: string
|
||||||
|
label: string
|
||||||
|
value: ClothesCategoryValue
|
||||||
|
}
|
||||||
|
|
||||||
|
export const createClothesCategories = (t: Translate = i18n.global.t): ClothesCategory[] =>
|
||||||
|
clothesCategoryConfigs.map(({ key, value }) => ({
|
||||||
|
name: t(`ClothesCategories.${key}`),
|
||||||
|
label: t(`ClothesCategories.${key}`),
|
||||||
|
value
|
||||||
|
}))
|
||||||
|
|
||||||
|
export const ClothesCategories: ClothesCategory[] = clothesCategoryConfigs.map(({ key, value }) => ({
|
||||||
|
get name() {
|
||||||
|
return i18n.global.t(`ClothesCategories.${key}`)
|
||||||
|
},
|
||||||
|
get label() {
|
||||||
|
return i18n.global.t(`ClothesCategories.${key}`)
|
||||||
|
},
|
||||||
|
value
|
||||||
|
}))
|
||||||
|
|
||||||
|
export const useClothesCategories = () => {
|
||||||
|
const { t } = useI18n({ useScope: 'global' })
|
||||||
|
|
||||||
|
return computed(() => createClothesCategories(t))
|
||||||
|
}
|
||||||
12
src/utils/UrlList.js
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
export const UrlList = {
|
||||||
|
aida: 'https://www.aida.com.hk/',
|
||||||
|
codeCreate: 'https://www.code-create.com/',
|
||||||
|
terms: 'https://www.code-create.com.hk/terms-of-use/',
|
||||||
|
privacy: 'https://www.code-create.com.hk/privacy-policy/',
|
||||||
|
faq: 'https://code-create.com.hk/help-centre/',
|
||||||
|
aboutUs: 'https://code-create.com.hk/about-us/',
|
||||||
|
joinWithUs: 'https://code-create.com.hk/contact-us/',
|
||||||
|
}
|
||||||
|
export const openView = (url) => {
|
||||||
|
window.open(url, '_blank')
|
||||||
|
}
|
||||||
86
src/utils/area.ts
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
export default [
|
||||||
|
{
|
||||||
|
key: 'chinaMainland',
|
||||||
|
name: 'China Mainland',
|
||||||
|
label: 'China Mainland',
|
||||||
|
value: 'China Mainland'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'hongKongSar',
|
||||||
|
name: 'Hong Kong SAR',
|
||||||
|
label: 'Hong Kong SAR',
|
||||||
|
value: 'Hong Kong SAR'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'macauSar',
|
||||||
|
name: 'Macau SAR',
|
||||||
|
label: 'Macau SAR',
|
||||||
|
value: 'Macau SAR'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'taiwan',
|
||||||
|
name: 'Taiwan',
|
||||||
|
label: 'Taiwan',
|
||||||
|
value: 'Taiwan'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'japan',
|
||||||
|
name: 'Japan',
|
||||||
|
label: 'Japan',
|
||||||
|
value: 'Japan'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'southKorea',
|
||||||
|
name: 'South Korea',
|
||||||
|
label: 'South Korea',
|
||||||
|
value: 'South Korea'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'singapore',
|
||||||
|
name: 'Singapore',
|
||||||
|
label: 'Singapore',
|
||||||
|
value: 'Singapore'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'unitedStates',
|
||||||
|
name: 'United States',
|
||||||
|
label: 'United States',
|
||||||
|
value: 'United States'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'unitedKingdom',
|
||||||
|
name: 'United Kingdom',
|
||||||
|
label: 'United Kingdom',
|
||||||
|
value: 'United Kingdom'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'france',
|
||||||
|
name: 'France',
|
||||||
|
label: 'France',
|
||||||
|
value: 'France'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'italy',
|
||||||
|
name: 'Italy',
|
||||||
|
label: 'Italy',
|
||||||
|
value: 'Italy'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'germany',
|
||||||
|
name: 'Germany',
|
||||||
|
label: 'Germany',
|
||||||
|
value: 'Germany'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'australia',
|
||||||
|
name: 'Australia',
|
||||||
|
label: 'Australia',
|
||||||
|
value: 'Australia'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'canada',
|
||||||
|
name: 'Canada',
|
||||||
|
label: 'Canada',
|
||||||
|
value: 'Canada'
|
||||||
|
}
|
||||||
|
]
|
||||||
@@ -2,6 +2,8 @@ import axios from 'axios'
|
|||||||
import router from '@/router/index'
|
import router from '@/router/index'
|
||||||
import { useGlobalStore, useUserInfoStore } from '@/stores'
|
import { useGlobalStore, useUserInfoStore } from '@/stores'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
|
import i18n from '@/lang'
|
||||||
|
const t = i18n.global.t
|
||||||
|
|
||||||
// 扩展 AxiosRequestConfig 接口
|
// 扩展 AxiosRequestConfig 接口
|
||||||
declare module 'axios' {
|
declare module 'axios' {
|
||||||
@@ -41,7 +43,7 @@ service.interceptors.request.use(
|
|||||||
// Do something before request is sent
|
// Do something before request is sent
|
||||||
const token = useUserInfoStore().state.token
|
const token = useUserInfoStore().state.token
|
||||||
if (token) {
|
if (token) {
|
||||||
config.headers.Authorization = 'Bearer ' + token // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
|
config.headers.Authorization = token // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
|
||||||
// config.headers['X-Token'] = getLocal('token') // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
|
// config.headers['X-Token'] = getLocal('token') // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
|
||||||
}
|
}
|
||||||
return config
|
return config
|
||||||
@@ -65,6 +67,16 @@ service.interceptors.response.use(
|
|||||||
if (response.config.url.includes('llm/streamChat')) {
|
if (response.config.url.includes('llm/streamChat')) {
|
||||||
return response
|
return response
|
||||||
}
|
}
|
||||||
|
// 如果是二进制下载(blob/arraybuffer),直接返回原始 response 以便调用方处理文件
|
||||||
|
if (
|
||||||
|
response.config.responseType === 'blob' ||
|
||||||
|
response.config.responseType === 'arraybuffer' ||
|
||||||
|
response.headers['content-type'] === 'application/octet-stream'
|
||||||
|
) {
|
||||||
|
removePending(response.config)
|
||||||
|
if (response.config.loading) closeLoading()
|
||||||
|
return response
|
||||||
|
}
|
||||||
|
|
||||||
// 已完成请求的删除请求中数组
|
// 已完成请求的删除请求中数组
|
||||||
removePending(response.config)
|
removePending(response.config)
|
||||||
@@ -75,9 +87,10 @@ service.interceptors.response.use(
|
|||||||
const res = response.data
|
const res = response.data
|
||||||
// 处理异常的情况
|
// 处理异常的情况
|
||||||
// console.log(res)
|
// console.log(res)
|
||||||
if (res.code != 200) {
|
if (res.errCode != 0) {
|
||||||
ElMessage.error(res.message)
|
let msg = res.errMsg || res.message || 'error'
|
||||||
return Promise.reject(new Error(res.errMsg || res.message || 'error'))
|
ElMessage.error(msg)
|
||||||
|
return Promise.reject(new Error(msg))
|
||||||
} else {
|
} else {
|
||||||
// 默认只返回data,不返回状态码和message
|
// 默认只返回data,不返回状态码和message
|
||||||
// 通过 meta 中的 responseAll 配置来取决后台是否返回所有数据(包括状态码,message和data)
|
// 通过 meta 中的 responseAll 配置来取决后台是否返回所有数据(包括状态码,message和data)
|
||||||
@@ -106,11 +119,10 @@ service.interceptors.response.use(
|
|||||||
// })
|
// })
|
||||||
ElMessage({
|
ElMessage({
|
||||||
type: 'error',
|
type: 'error',
|
||||||
message: 'Please log in and try again.',
|
message: t("Login.pleaseLogTip"),
|
||||||
duration: 5000
|
duration: 5000
|
||||||
})
|
})
|
||||||
router.push('/login')
|
useUserInfoStore().logout()
|
||||||
useUserInfoStore().logOut(false)
|
|
||||||
return Promise.reject(false)
|
return Promise.reject(false)
|
||||||
}
|
}
|
||||||
error.config && removePending(error.config)
|
error.config && removePending(error.config)
|
||||||
|
|||||||
@@ -55,7 +55,7 @@ export function generateUUID(): string {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 备用方案:手动生成UUID v4
|
// 备用方案:手动生成UUID v4
|
||||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
||||||
const r = Math.random() * 16 | 0
|
const r = Math.random() * 16 | 0
|
||||||
const v = c === 'x' ? r : (r & 0x3 | 0x8)
|
const v = c === 'x' ? r : (r & 0x3 | 0x8)
|
||||||
return v.toString(16)
|
return v.toString(16)
|
||||||
@@ -70,39 +70,37 @@ export {
|
|||||||
|
|
||||||
/** 时间格式化-自定义格式
|
/** 时间格式化-自定义格式
|
||||||
* @param value 时间对象|时间戳|时间字符串
|
* @param value 时间对象|时间戳|时间字符串
|
||||||
* @param format 格式化字符串,默认值为 'yyyy-MM-dd HH:mm:ss'
|
* @param format 格式化字符串,默认值为 'YYYY-MM-DD HH:mm:ss'
|
||||||
* @returns 格式化后的时间字符串
|
* @returns 格式化后的时间字符串
|
||||||
*/
|
*/
|
||||||
export function FormatDate(value: Date | number | string, format: string = 'yyyy-MM-dd HH:mm:ss') {
|
export function FormatDate(value: Date | number | string, format: string = 'YYYY-MM-DD HH:mm:ss') {
|
||||||
const date = new Date(value);
|
const d = new Date(value);
|
||||||
const yyyy = String(date.getFullYear());
|
if (!d || isNaN(d.getTime())) return 'Invalid Date';
|
||||||
const yy = String(date.getFullYear()).slice(-2);
|
const pad = (n) => String(n).padStart(2, '0');
|
||||||
const MM = String(date.getMonth() + 1).padStart(2, '0');
|
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||||||
const M = String(date.getMonth() + 1);
|
const tokens = {
|
||||||
const dd = String(date.getDate()).padStart(2, '0');
|
YYYY: d.getFullYear(),
|
||||||
const d = String(date.getDate());
|
YY: String(d.getFullYear()).slice(-2),
|
||||||
const HH = String(date.getHours()).padStart(2, '0');
|
MM: pad(d.getMonth() + 1),
|
||||||
const H = String(date.getHours());
|
M: d.getMonth() + 1,
|
||||||
const mm = String(date.getMinutes()).padStart(2, '0');
|
SM: months[d.getMonth()],
|
||||||
const m = String(date.getMinutes());
|
DD: pad(d.getDate()),
|
||||||
const ss = String(date.getSeconds()).padStart(2, '0');
|
D: d.getDate(),
|
||||||
const s = String(date.getSeconds());
|
HH: pad(d.getHours()),
|
||||||
const str = format.replaceAll('yyyy', yyyy)
|
H: d.getHours(),
|
||||||
.replaceAll('yy', yy)
|
hh: pad(d.getHours() % 12 || 12),
|
||||||
.replaceAll('MM', MM)
|
h: d.getHours() % 12 || 12,
|
||||||
.replaceAll('M', M)
|
mm: pad(d.getMinutes()),
|
||||||
.replaceAll('dd', dd)
|
m: d.getMinutes(),
|
||||||
.replaceAll('d', d)
|
ss: pad(d.getSeconds()),
|
||||||
.replaceAll('HH', HH)
|
s: d.getSeconds(),
|
||||||
.replaceAll('H', H)
|
A: d.getHours() < 12 ? 'AM' : 'PM',
|
||||||
.replaceAll('mm', mm)
|
a: d.getHours() < 12 ? 'am' : 'pm'
|
||||||
.replaceAll('m', m)
|
}
|
||||||
.replaceAll('ss', ss)
|
const reg = new RegExp(Object.keys(tokens).join('|'), 'g')
|
||||||
.replaceAll('s', s);
|
return format.replace(reg, match => tokens[match]);
|
||||||
return str;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 下载图片
|
* 下载图片
|
||||||
* @param list 图片列表
|
* @param list 图片列表
|
||||||
@@ -163,7 +161,7 @@ export function encryptPassword(password: string): string {
|
|||||||
* @param url 图片URL
|
* @param url 图片URL
|
||||||
* @returns 无
|
* @returns 无
|
||||||
*/
|
*/
|
||||||
export async function shareImageToWhatsapp (url: string){
|
export async function shareImageToWhatsapp(url: string) {
|
||||||
// 把图片 URL 转为 Blob
|
// 把图片 URL 转为 Blob
|
||||||
const blob = await fetch(url).then((res) => res.blob())
|
const blob = await fetch(url).then((res) => res.blob())
|
||||||
|
|
||||||
@@ -195,3 +193,21 @@ export function CountDown(time: number) {
|
|||||||
const ss = String(time % 60).padStart(2, '0');
|
const ss = String(time % 60).padStart(2, '0');
|
||||||
return `${mm}:${ss}`;
|
return `${mm}:${ss}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 字节转换为可读格式
|
||||||
|
* @param {number} bytes - 字节数
|
||||||
|
* @param {number} options - 选项对象
|
||||||
|
* @param {number} options.decimals - 保留小数位数,默认2位
|
||||||
|
* @param {boolean} options.unitBig - 是否使用大写单位,默认false
|
||||||
|
* @returns {string} 格式化后的字符串
|
||||||
|
*/
|
||||||
|
export function FormatBytes(bytes, options: { decimals?: number, unitBig?: boolean } = {}) {
|
||||||
|
const { decimals = 2, unitBig = false } = options;
|
||||||
|
if (!bytes || isNaN(bytes)) return unitBig ? '0 B' : '0 b';
|
||||||
|
const k = 1024;
|
||||||
|
const sizes = unitBig ? ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['b', 'kb', 'mb', 'gb', 'tb', 'pb', 'eb', 'zb', 'yb'];
|
||||||
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||||
|
const value = bytes / Math.pow(k, i);
|
||||||
|
return `${Number(value.toFixed(decimals))} ${sizes[i]}`;
|
||||||
|
}
|
||||||
|
|||||||