Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front

bugfix: 保存按钮错乱问题
Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front
2026-06-09 10:55:16 +08:00 · 2026-06-09 10:55:15 +08:00 · 2026-06-09 10:37:20 +08:00 · 2026-06-09 10:37:18 +08:00 · 2026-06-08 11:39:49 +08:00 · 2026-06-08 10:12:17 +08:00
178 changed files with 13678 additions and 1194 deletions
--- a/.env.development
+++ b/.env.development
@@ -1,3 +1,4 @@
-# VITE_APP_URL = http://192.168.31.82:8771
-# VITE_APP_URL = http://18.167.251.121:10095
-VITE_APP_URL = https://www.lc-api.aida.com.hk
+# VITE_APP_URL = http://192.168.31.82:10094
+VITE_APP_URL = https://www.develop-ms.api.aida.com.hk
+# WebSocket 主机地址
+VITE_WS_HOST = 18.167.251.121:10094
--- a/.env.production
+++ b/.env.production
@@ -1,2 +1,4 @@
-VITE_APP_URL = https://www.lc-api.aida.com.hk
-# VITE_APP_URL = http://18.167.251.121:10095
+VITE_APP_URL = http://192.168.31.82:10094
+VITE_APP_URL = https://www.develop-ms.api.aida.com.hk
+# WebSocket 主机地址
+VITE_WS_HOST = www.develop-ms.api.aida.com.hk
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,8 +1,10 @@
 {
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "tabWidth": 2,
-  "singleQuote": true,
-  "printWidth": 100,
-  "trailingComma": "none"
-}
+	"$schema": "https://json.schemastore.org/prettierrc",
+	"semi": false,
+	"tabWidth": 4,
+	"singleQuote": true,
+	"printWidth": 100,
+	"useTabs": true,
+	"trailingComma": "none",
+	"vueIndentScriptAndStyle": true
+}
--- a/index.html
+++ b/index.html
@@ -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" />
 	<link rel="stylesheet" href="/fonts/index.css">
-    <title>Lane Crawford</title>
+    <title>Stylish Parade</title>
    <!-- Open Graph / WhatsApp share metadata -->
-    <meta property="og:title" content="Lane Crawford" />
-    <meta property="og:description" content="create and share looks from the Lane Crawford creation gallery." />
+    <meta property="og:title" content="Stylish Parade" />
+    <meta property="og:description" content="create and share looks from the Stylish Parade creation gallery." />
    <meta property="og:image" content="" />
    <meta property="og:url" content="https://www.lc.aida.com.hk" />
    <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" />
  </head>
  <body>
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,9 +10,11 @@
 			"hasInstallScript": true,
 			"dependencies": {
 				"axios": "^1.3.6",
+				"cropper-next-vue": "^0.3.1",
 				"crypto-js": "^4.2.0",
 				"element-plus": "^2.13.2",
 				"gsap": "^3.13.0",
+				"lodash-es": "^4.18.1",
 				"markdown-it": "^14.1.0",
 				"md5": "^2.3.0",
 				"normalize.css": "^8.0.1",
@@ -20,7 +22,7 @@
 				"pinia-persistedstate-plugin": "^0.1.0",
 				"pinia-plugin-persistedstate": "^3.1.0",
 				"swiper": "^12.1.3",
-				"vue": "^3.2.47",
+				"vue": "^3.5.35",
 				"vue-i18n": "^11.2.8",
 				"vue-router": "^4.1.6"
 			},
@@ -57,30 +59,30 @@
 			"dev": true
 		},
 		"node_modules/@babel/helper-string-parser": {
-			"version": "7.27.1",
-			"resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-			"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+			"integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
 			"license": "MIT",
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/helper-validator-identifier": {
-			"version": "7.28.5",
-			"resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-			"integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+			"integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
 			"license": "MIT",
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/parser": {
-			"version": "7.29.0",
-			"resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz",
-			"integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+			"integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/types": "^7.29.0"
+				"@babel/types": "^7.29.7"
 			},
 			"bin": {
 				"parser": "bin/babel-parser.js"
@@ -90,13 +92,13 @@
 			}
 		},
 		"node_modules/@babel/types": {
-			"version": "7.29.0",
-			"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
-			"integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+			"integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/helper-string-parser": "^7.27.1",
-				"@babel/helper-validator-identifier": "^7.28.5"
+				"@babel/helper-string-parser": "^7.29.7",
+				"@babel/helper-validator-identifier": "^7.29.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1161,21 +1163,21 @@
 			}
 		},
 		"node_modules/@vue/compiler-core": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.27.tgz",
-			"integrity": "sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.35.tgz",
+			"integrity": "sha512-BUmHaR1J+O+CKZ9uJucdVTEr1LHsdyvv7vG3eNRhK3CczEHeMd/LtsHAuD7PbrxvI2envCY2v7HI1vC1aBRzKw==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/parser": "^7.28.5",
-				"@vue/shared": "3.5.27",
-				"entities": "^7.0.0",
+				"@babel/parser": "^7.29.3",
+				"@vue/shared": "3.5.35",
+				"entities": "^7.0.1",
 				"estree-walker": "^2.0.2",
 				"source-map-js": "^1.2.1"
 			}
 		},
 		"node_modules/@vue/compiler-core/node_modules/entities": {
 			"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==",
 			"license": "BSD-2-Clause",
 			"engines": {
@@ -1186,40 +1188,40 @@
 			}
 		},
 		"node_modules/@vue/compiler-dom": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz",
-			"integrity": "sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.35.tgz",
+			"integrity": "sha512-k+bprkXxuqhVajgTx5mUHuir7TwQzUKOWR40ng1ncAqQRPnrLngGGgqVEEhOnTMlc8btHYVKmrP8s5Qyg0hvYA==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/compiler-core": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-core": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"node_modules/@vue/compiler-sfc": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz",
-			"integrity": "sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.35.tgz",
+			"integrity": "sha512-G5VPMcXTSywXBgtFOZOnHKBxKSrwXUcvY1iaF5/hRcy7t0J6CH/d8ha9F4nzi00Fax1eLV0QHM7v4mQu68jydw==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/parser": "^7.28.5",
-				"@vue/compiler-core": "3.5.27",
-				"@vue/compiler-dom": "3.5.27",
-				"@vue/compiler-ssr": "3.5.27",
-				"@vue/shared": "3.5.27",
+				"@babel/parser": "^7.29.3",
+				"@vue/compiler-core": "3.5.35",
+				"@vue/compiler-dom": "3.5.35",
+				"@vue/compiler-ssr": "3.5.35",
+				"@vue/shared": "3.5.35",
 				"estree-walker": "^2.0.2",
 				"magic-string": "^0.30.21",
-				"postcss": "^8.5.6",
+				"postcss": "^8.5.15",
 				"source-map-js": "^1.2.1"
 			}
 		},
 		"node_modules/@vue/compiler-ssr": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz",
-			"integrity": "sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.35.tgz",
+			"integrity": "sha512-rGhAeXgdM7/ffTJGXT69rCCdTmjDewnFuUZfBQQHTdcEBeWdT5HCGY60y2ytLJr9/Dsu7IntUi5z/w0h6Rjnzw==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/compiler-dom": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-dom": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"node_modules/@vue/devtools-api": {
@@ -1266,53 +1268,53 @@
 			}
 		},
 		"node_modules/@vue/reactivity": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.27.tgz",
-			"integrity": "sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.35.tgz",
+			"integrity": "sha512-tVc+SsHConvh/Lz64qq1pP3rYArBmK42xonovEcxY74SQtvctZodG/zhq54P5dr38cVuw25d27cPNRdlMidpGQ==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/shared": "3.5.27"
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"node_modules/@vue/runtime-core": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.27.tgz",
-			"integrity": "sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.35.tgz",
+			"integrity": "sha512-A/xFNX9loIcWDygeQuNCfKuh0CoYBzxhqEMNah5TSFg9Z53DrFYEN2qi5CU9necjM1OWYegYREUTHmXTmhfXtg==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/reactivity": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/reactivity": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"node_modules/@vue/runtime-dom": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz",
-			"integrity": "sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.35.tgz",
+			"integrity": "sha512-odrJ1C391dbGnyDRh8U+rnP7J2amIEzfmRk5vXy7xi3aZhEXofTvpi0T4HJb6jlNqQZTNPR5MPHSB3RHNkIORA==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/reactivity": "3.5.27",
-				"@vue/runtime-core": "3.5.27",
-				"@vue/shared": "3.5.27",
+				"@vue/reactivity": "3.5.35",
+				"@vue/runtime-core": "3.5.35",
+				"@vue/shared": "3.5.35",
 				"csstype": "^3.2.3"
 			}
 		},
 		"node_modules/@vue/server-renderer": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.27.tgz",
-			"integrity": "sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.35.tgz",
+			"integrity": "sha512-NkebSOYdB97wi8OQcO3HqzZSlymJi/aWsN/7h74OSVhRTm6qGs3Jp3e0rCXynmWwSlKeRrnlIug+ilYoHBmQDA==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/compiler-ssr": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-ssr": "3.5.35",
+				"@vue/shared": "3.5.35"
 			},
 			"peerDependencies": {
-				"vue": "3.5.27"
+				"vue": "3.5.35"
 			}
 		},
 		"node_modules/@vue/shared": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.27.tgz",
-			"integrity": "sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.35.tgz",
+			"integrity": "sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA==",
 			"license": "MIT"
 		},
 		"node_modules/@vue/tsconfig": {
@@ -2152,6 +2154,18 @@
 				"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": {
 			"version": "7.0.3",
 			"resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -2312,7 +2326,7 @@
 		},
 		"node_modules/csstype": {
 			"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==",
 			"license": "MIT"
 		},
@@ -4790,9 +4804,9 @@
 			"license": "MIT"
 		},
 		"node_modules/lodash-es": {
-			"version": "4.17.23",
-			"resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.23.tgz",
-			"integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==",
+			"version": "4.18.1",
+			"resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
+			"integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
 			"license": "MIT"
 		},
 		"node_modules/lodash-unified": {
@@ -5213,9 +5227,9 @@
 			"dev": true
 		},
 		"node_modules/nanoid": {
-			"version": "3.3.11",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+			"version": "3.3.12",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+			"integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
 			"funding": [
 				{
 					"type": "github",
@@ -6038,9 +6052,9 @@
 			}
 		},
 		"node_modules/postcss": {
-			"version": "8.5.6",
-			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-			"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+			"version": "8.5.15",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+			"integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -6057,7 +6071,7 @@
 			],
 			"license": "MIT",
 			"dependencies": {
-				"nanoid": "^3.3.11",
+				"nanoid": "^3.3.12",
 				"picocolors": "^1.1.1",
 				"source-map-js": "^1.2.1"
 			},
@@ -8390,16 +8404,16 @@
 			"dev": true
 		},
 		"node_modules/vue": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.27.tgz",
-			"integrity": "sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.35.tgz",
+			"integrity": "sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==",
 			"license": "MIT",
 			"dependencies": {
-				"@vue/compiler-dom": "3.5.27",
-				"@vue/compiler-sfc": "3.5.27",
-				"@vue/runtime-dom": "3.5.27",
-				"@vue/server-renderer": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-dom": "3.5.35",
+				"@vue/compiler-sfc": "3.5.35",
+				"@vue/runtime-dom": "3.5.35",
+				"@vue/server-renderer": "3.5.35",
+				"@vue/shared": "3.5.35"
 			},
 			"peerDependencies": {
 				"typescript": "*"
@@ -8733,30 +8747,30 @@
 			"dev": true
 		},
 		"@babel/helper-string-parser": {
-			"version": "7.27.1",
-			"resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-			"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+			"integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw=="
 		},
 		"@babel/helper-validator-identifier": {
-			"version": "7.28.5",
-			"resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-			"integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+			"integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg=="
 		},
 		"@babel/parser": {
-			"version": "7.29.0",
-			"resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz",
-			"integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+			"integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
 			"requires": {
-				"@babel/types": "^7.29.0"
+				"@babel/types": "^7.29.7"
 			}
 		},
 		"@babel/types": {
-			"version": "7.29.0",
-			"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
-			"integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+			"integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
 			"requires": {
-				"@babel/helper-string-parser": "^7.27.1",
-				"@babel/helper-validator-identifier": "^7.28.5"
+				"@babel/helper-string-parser": "^7.29.7",
+				"@babel/helper-validator-identifier": "^7.29.7"
 			}
 		},
 		"@ctrl/tinycolor": {
@@ -9427,56 +9441,56 @@
 			}
 		},
 		"@vue/compiler-core": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.27.tgz",
-			"integrity": "sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.35.tgz",
+			"integrity": "sha512-BUmHaR1J+O+CKZ9uJucdVTEr1LHsdyvv7vG3eNRhK3CczEHeMd/LtsHAuD7PbrxvI2envCY2v7HI1vC1aBRzKw==",
 			"requires": {
-				"@babel/parser": "^7.28.5",
-				"@vue/shared": "3.5.27",
-				"entities": "^7.0.0",
+				"@babel/parser": "^7.29.3",
+				"@vue/shared": "3.5.35",
+				"entities": "^7.0.1",
 				"estree-walker": "^2.0.2",
 				"source-map-js": "^1.2.1"
 			},
 			"dependencies": {
 				"entities": {
 					"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=="
 				}
 			}
 		},
 		"@vue/compiler-dom": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz",
-			"integrity": "sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.35.tgz",
+			"integrity": "sha512-k+bprkXxuqhVajgTx5mUHuir7TwQzUKOWR40ng1ncAqQRPnrLngGGgqVEEhOnTMlc8btHYVKmrP8s5Qyg0hvYA==",
 			"requires": {
-				"@vue/compiler-core": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-core": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"@vue/compiler-sfc": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz",
-			"integrity": "sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.35.tgz",
+			"integrity": "sha512-G5VPMcXTSywXBgtFOZOnHKBxKSrwXUcvY1iaF5/hRcy7t0J6CH/d8ha9F4nzi00Fax1eLV0QHM7v4mQu68jydw==",
 			"requires": {
-				"@babel/parser": "^7.28.5",
-				"@vue/compiler-core": "3.5.27",
-				"@vue/compiler-dom": "3.5.27",
-				"@vue/compiler-ssr": "3.5.27",
-				"@vue/shared": "3.5.27",
+				"@babel/parser": "^7.29.3",
+				"@vue/compiler-core": "3.5.35",
+				"@vue/compiler-dom": "3.5.35",
+				"@vue/compiler-ssr": "3.5.35",
+				"@vue/shared": "3.5.35",
 				"estree-walker": "^2.0.2",
 				"magic-string": "^0.30.21",
-				"postcss": "^8.5.6",
+				"postcss": "^8.5.15",
 				"source-map-js": "^1.2.1"
 			}
 		},
 		"@vue/compiler-ssr": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz",
-			"integrity": "sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.35.tgz",
+			"integrity": "sha512-rGhAeXgdM7/ffTJGXT69rCCdTmjDewnFuUZfBQQHTdcEBeWdT5HCGY60y2ytLJr9/Dsu7IntUi5z/w0h6Rjnzw==",
 			"requires": {
-				"@vue/compiler-dom": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-dom": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"@vue/devtools-api": {
@@ -9506,46 +9520,46 @@
 			}
 		},
 		"@vue/reactivity": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.27.tgz",
-			"integrity": "sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.35.tgz",
+			"integrity": "sha512-tVc+SsHConvh/Lz64qq1pP3rYArBmK42xonovEcxY74SQtvctZodG/zhq54P5dr38cVuw25d27cPNRdlMidpGQ==",
 			"requires": {
-				"@vue/shared": "3.5.27"
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"@vue/runtime-core": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.27.tgz",
-			"integrity": "sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.35.tgz",
+			"integrity": "sha512-A/xFNX9loIcWDygeQuNCfKuh0CoYBzxhqEMNah5TSFg9Z53DrFYEN2qi5CU9necjM1OWYegYREUTHmXTmhfXtg==",
 			"requires": {
-				"@vue/reactivity": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/reactivity": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"@vue/runtime-dom": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz",
-			"integrity": "sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.35.tgz",
+			"integrity": "sha512-odrJ1C391dbGnyDRh8U+rnP7J2amIEzfmRk5vXy7xi3aZhEXofTvpi0T4HJb6jlNqQZTNPR5MPHSB3RHNkIORA==",
 			"requires": {
-				"@vue/reactivity": "3.5.27",
-				"@vue/runtime-core": "3.5.27",
-				"@vue/shared": "3.5.27",
+				"@vue/reactivity": "3.5.35",
+				"@vue/runtime-core": "3.5.35",
+				"@vue/shared": "3.5.35",
 				"csstype": "^3.2.3"
 			}
 		},
 		"@vue/server-renderer": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.27.tgz",
-			"integrity": "sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.35.tgz",
+			"integrity": "sha512-NkebSOYdB97wi8OQcO3HqzZSlymJi/aWsN/7h74OSVhRTm6qGs3Jp3e0rCXynmWwSlKeRrnlIug+ilYoHBmQDA==",
 			"requires": {
-				"@vue/compiler-ssr": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-ssr": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"@vue/shared": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.27.tgz",
-			"integrity": "sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ=="
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.35.tgz",
+			"integrity": "sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA=="
 		},
 		"@vue/tsconfig": {
 			"version": "0.1.3",
@@ -10147,6 +10161,12 @@
 				"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": {
 			"version": "7.0.3",
 			"resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -10259,7 +10279,7 @@
 		},
 		"csstype": {
 			"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=="
 		},
 		"data-view-buffer": {
@@ -12111,9 +12131,9 @@
 			"integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w=="
 		},
 		"lodash-es": {
-			"version": "4.17.23",
-			"resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.23.tgz",
-			"integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg=="
+			"version": "4.18.1",
+			"resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
+			"integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A=="
 		},
 		"lodash-unified": {
 			"version": "1.0.3",
@@ -12438,9 +12458,9 @@
 			"dev": true
 		},
 		"nanoid": {
-			"version": "3.3.11",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="
+			"version": "3.3.12",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+			"integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ=="
 		},
 		"nanomatch": {
 			"version": "1.2.13",
@@ -13050,11 +13070,11 @@
 			"dev": true
 		},
 		"postcss": {
-			"version": "8.5.6",
-			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-			"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+			"version": "8.5.15",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+			"integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
 			"requires": {
-				"nanoid": "^3.3.11",
+				"nanoid": "^3.3.12",
 				"picocolors": "^1.1.1",
 				"source-map-js": "^1.2.1"
 			}
@@ -14816,15 +14836,15 @@
 			}
 		},
 		"vue": {
-			"version": "3.5.27",
-			"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.27.tgz",
-			"integrity": "sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==",
+			"version": "3.5.35",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.35.tgz",
+			"integrity": "sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==",
 			"requires": {
-				"@vue/compiler-dom": "3.5.27",
-				"@vue/compiler-sfc": "3.5.27",
-				"@vue/runtime-dom": "3.5.27",
-				"@vue/server-renderer": "3.5.27",
-				"@vue/shared": "3.5.27"
+				"@vue/compiler-dom": "3.5.35",
+				"@vue/compiler-sfc": "3.5.35",
+				"@vue/runtime-dom": "3.5.35",
+				"@vue/server-renderer": "3.5.35",
+				"@vue/shared": "3.5.35"
 			}
 		},
 		"vue-eslint-parser": {
--- a/package.json
+++ b/package.json
@@ -14,9 +14,11 @@
 	},
 	"dependencies": {
 		"axios": "^1.3.6",
+		"cropper-next-vue": "^0.3.1",
 		"crypto-js": "^4.2.0",
 		"element-plus": "^2.13.2",
 		"gsap": "^3.13.0",
+		"lodash-es": "^4.18.1",
 		"markdown-it": "^14.1.0",
 		"md5": "^2.3.0",
 		"normalize.css": "^8.0.1",
@@ -24,7 +26,7 @@
 		"pinia-persistedstate-plugin": "^0.1.0",
 		"pinia-plugin-persistedstate": "^3.1.0",
 		"swiper": "^12.1.3",
-		"vue": "^3.2.47",
+		"vue": "^3.5.35",
 		"vue-i18n": "^11.2.8",
 		"vue-router": "^4.1.6"
 	},
--- a/public/images/home/digital-items-1.png
+++ b/public/images/home/digital-items-1.png
--- a/public/images/home/digital-items-2.jpg
+++ b/public/images/home/digital-items-2.jpg
--- a/public/images/home/digital-items-3.png
+++ b/public/images/home/digital-items-3.png
--- a/public/images/home/digital-items-4.png
+++ b/public/images/home/digital-items-4.png
--- a/public/images/home/digital-items-5.png
+++ b/public/images/home/digital-items-5.png
--- a/public/images/home/digital-items-6.png
+++ b/public/images/home/digital-items-6.png
--- a/public/images/home/digital-items-7.png
+++ b/public/images/home/digital-items-7.png
--- a/public/images/home/digital-items-8.png
+++ b/public/images/home/digital-items-8.png
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,75 @@
 <template>
 	<main-header />
-	<div class="view"><RouteCache /></div>
+	<div class="view" ref="viewRef" :style="viewStyle"><RouteCache /></div>
+	<login-dialog />
 	<div id="loading" v-if="loading" v-loading="true"></div>
+	<shopping-drawer />
 </template>

 <script setup lang="ts">
+	import { computed, onMounted, ref, onBeforeUnmount, watch } from 'vue'
 	import RouteCache from '@/components/RouteCache.vue'
 	import MainHeader from '@/views/main-header.vue'
-	import { computed } from 'vue'
-	import { useGlobalStore } from '@/stores'
+	import LoginDialog from '@/views/login/login-dialog.vue'
+	import { useGlobalStore, useUserInfoStore } from '@/stores'
+	import ShoppingDrawer from '@/views/shopping-drawer.vue'
+	import { wsManager } from '@/utils/websocket'
+	
 	const globalStore = useGlobalStore()
+	const userInfoStore = useUserInfoStore()
 	const loading = computed(() => globalStore.state.loading)
+	globalStore.setLoading(false)
+	const viewRef = ref()
+	const viewStyle = ref({
+		'--app-view-width': '',
+		'--app-view-height': ''
+	})
+	const observer = new ResizeObserver((entries) => {
+		const { width, height } = entries[0].contentRect
+		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(() => {
+		observer.observe(viewRef.value)
+		
+		// 如果已经有 token，立即建立连接
+		const token = userInfoStore.state.token
+		if (token) {
+			console.log('应用启动时检测到 token，建立 WebSocket 连接')
+			wsManager.connect(token)
+		}
+	})
+	
+	onBeforeUnmount(() => {
+		observer.disconnect()
+		// 组件卸载时关闭 WebSocket 连接
+		wsManager.close()
+	})
+	
+	window['onClickPrivacy'] = () => {
+		const e = window.event || event
+		e.stopPropagation()
+		e.preventDefault()
+		console.log('点击了隐私政策')
+	}
 </script>

 <style lang="less">
@@ -26,10 +85,9 @@
 		left: 0;
 		width: 100%;
 		height: 100%;
-		// background-color: rgba(0, 0, 0, 0.3);
-		// display: flex;
-		// align-items: center;
-		// justify-content: center;
+		--el-mask-color: rgba(0, 0, 0, 0.3);
+		--el-color-primary: #007bff;
+		--el-loading-spinner-size: 9rem;
 	}
 </style>
 <style lang="less" scoped>
--- a/src/api/account.ts
+++ b/src/api/account.ts
@@ -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
+	})
+}
--- a/src/api/brand.ts
+++ b/src/api/brand.ts
@@ -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
+	})
+}
--- a/src/api/listing.ts
+++ b/src/api/listing.ts
@@ -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
+	})
+}
--- a/src/api/login.ts
+++ b/src/api/login.ts
@@ -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
-  })
-}
--- a/src/api/notification.ts
+++ b/src/api/notification.ts
@@ -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'
+	})
+}
--- a/src/api/shoppingCart.ts
+++ b/src/api/shoppingCart.ts
@@ -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,//已全额退款
+}
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -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
+	})
+}
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -7,133 +7,152 @@ h1,
 h2,
 h3,
 p {
-  margin: 0;
-  padding: 0;
+	margin: 0;
+	padding: 0;
 }
 * {
-  box-sizing: border-box;
+	box-sizing: border-box;
 }
 html,
 body,
 #app {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  font-family: 'KaiseiOpti-Medium';
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	font-family: 'KaiseiOpti-Medium';
+	color: #232323;
 }
@keyframes loading {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
 }
@keyframes opacity-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+	0% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
 }
@keyframes z-index-10to-1 {
-  0% {
-    z-index: 10;
-  }
-  100% {
-    z-index: -1;
-  }
+	0% {
+		z-index: 10;
+	}
+	100% {
+		z-index: -1;
+	}
 }
 .flex {
-  display: flex;
+	display: flex;
 }
 .flex-center {
-  justify-content: center;
-  align-items: center;
+	justify-content: center;
+	align-items: center;
 }
 .flex-1 {
-  flex: 1;
+	flex: 1;
 }
 .flex-col {
-  flex-direction: column;
+	flex-direction: column;
 }
 .align-center {
-  align-items: center;
+	align-items: center;
 }
 .space-between {
-  justify-content: space-between;
+	justify-content: space-between;
 }
 .justify-center {
-  justify-content: center;
+	justify-content: center;
 }
 .relative {
-  position: relative;
+	position: relative;
 }
 .el-overlay {
-  --el-color-primary: #ff7a51;
-  --el-color-primary-light-3: #ffa785;
-  --el-color-primary-light-5: #ffc2aa;
-  --el-color-primary-light-7: #ffddcf;
-  --el-color-primary-light-8: #ffe8df;
-  --el-color-primary-light-9: #fff2ec;
-  --el-color-primary-dark-2: #cc6241;
+	--el-color-primary: #ff7a51;
+	--el-color-primary-light-3: #ffa785;
+	--el-color-primary-light-5: #ffc2aa;
+	--el-color-primary-light-7: #ffddcf;
+	--el-color-primary-light-8: #ffe8df;
+	--el-color-primary-light-9: #fff2ec;
+	--el-color-primary-dark-2: #cc6241;
 }
 .el-select,
 .el-popper {
-  --el-color-primary: #6c6c6c;
-  /* 主灰色 */
-  --el-color-primary-light-3: #8a8a8a;
-  /* 较浅的灰色（混合20%白） */
-  --el-color-primary-light-5: #a8a8a8;
-  /* 更浅的灰色（混合33%白） */
-  --el-color-primary-light-7: #c6c6c6;
-  /* 浅灰色（混合47%白） */
-  --el-color-primary-light-8: #d4d4d4;
-  /* 很浅的灰色（混合53%白） */
-  --el-color-primary-light-9: #e3e3e3;
-  /* 极浅的灰色（混合60%白） */
-  --el-color-primary-dark-2: #565656;
-  /* 深灰色（加深20%） */
+	--el-color-primary: #6c6c6c;
+	/* 主灰色 */
+	--el-color-primary-light-3: #8a8a8a;
+	/* 较浅的灰色（混合20%白） */
+	--el-color-primary-light-5: #a8a8a8;
+	/* 更浅的灰色（混合33%白） */
+	--el-color-primary-light-7: #c6c6c6;
+	/* 浅灰色（混合47%白） */
+	--el-color-primary-light-8: #d4d4d4;
+	/* 很浅的灰色（混合53%白） */
+	--el-color-primary-light-9: #e3e3e3;
+	/* 极浅的灰色（混合60%白） */
+	--el-color-primary-dark-2: #565656;
+	/* 深灰色（加深20%） */
+}
+.mini-scrollbar {
+	--mini-scrollbar-width: 0.4rem;
 }
 .mini-scrollbar::-webkit-scrollbar {
-  width: 0.4rem;
+	width: var(--mini-scrollbar-width);
 }
 .mini-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 0.4rem;
-  background: rgba(0, 0, 0, 0.2);
+	border-radius: 0.4rem;
+	background: rgba(0, 0, 0, 0.2);
 }
 .mosaic-bg {
-  --mosaic-bg-size: 1rem;
-  --mosaic-bg-color1: #efefef;
-  --mosaic-bg-color2: #fff;
-  background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
-  background-repeat: repeat;
-  background-position: 50% 50%;
-  background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
+	--mosaic-bg-size: 1rem;
+	--mosaic-bg-color1: #efefef;
+	--mosaic-bg-color2: #fff;
+	background-image: repeating-conic-gradient(
+		var(--mosaic-bg-color1) 0% 25%,
+		var(--mosaic-bg-color2) 0% 50%
+	);
+	background-repeat: repeat;
+	background-position: 50% 50%;
+	background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
 }
 button[custom],
-button[custom="white"] {
-  min-width: 19.4rem;
-  height: 5rem;
-  padding: 0 1rem;
-  border-radius: 0;
-  border: none;
-  font-family: KaiseiOpti-Bold;
-  font-size: var(--button-font-size, 2rem);
-  color: var(--button-color, #232323);
-  background: var(--button-bgcolor, #fff);
-  cursor: pointer;
+button[custom='white'] {
+	min-width: 19.4rem;
+	height: 5rem;
+	padding: 0 1rem;
+	border-radius: 0;
+	font-family: KaiseiOpti-Bold;
+	font-size: var(--button-font-size, 2rem);
+	color: var(--button-color, #232323);
+	background: var(--button-bgcolor, #fff);
+	border: var(--button-border, none);
+	cursor: pointer;
 }
 button[custom]:active,
-button[custom="white"]:active {
-  background: var(--button-click-bgcolor, #e4e4e4);
-  color: var(--button-click-color, #232323);
+button[custom='white']:active {
+	background: var(--button-click-bgcolor, #e4e4e4);
+	color: var(--button-click-color, #232323);
 }
-button[custom="black"] {
-  --button-bgcolor: #232323;
-  --button-color: #fff;
-  --button-click-bgcolor: #333;
-  --button-click-color: #fff;
-  --button-font-size: 1.6rem;
+button[custom='black'] {
+	--button-bgcolor: #232323;
+	--button-color: #fff;
+	--button-click-bgcolor: #333;
+	--button-click-color: #fff;
+	--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;
 }
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -22,6 +22,7 @@ body,
 	height: 100%;
 	overflow: hidden;
 	font-family: 'KaiseiOpti-Medium';
+	color: #232323;
 }

@keyframes loading {
@@ -118,8 +119,10 @@ body,

 // 迷你滚动条
 .mini-scrollbar {
+	--mini-scrollbar-width: 0.4rem;
+
 	&::-webkit-scrollbar {
-		width: 0.4rem;
+		width: var(--mini-scrollbar-width);
 	}

 	&::-webkit-scrollbar-thumb {
@@ -146,11 +149,11 @@ button[custom="white"] {
 	height: 5rem;
 	padding: 0 1rem;
 	border-radius: 0;
-	border: none;
 	font-family: KaiseiOpti-Bold;
 	font-size: var(--button-font-size, 2rem);
 	color: var(--button-color, #232323);
 	background: var(--button-bgcolor, #fff);
+	border: var(--button-border, none);
 	cursor: pointer;

 	&:active {
@@ -165,4 +168,13 @@ button[custom="black"] {
 	--button-click-bgcolor: #333;
 	--button-click-color: #fff;
 	--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;
 }
--- a/src/assets/icons/Invoice.svg
+++ b/src/assets/icons/Invoice.svg
@@ -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>
--- a/src/assets/icons/ThumbEdit.svg
+++ b/src/assets/icons/ThumbEdit.svg
@@ -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>
--- a/src/assets/icons/back.svg
+++ b/src/assets/icons/back.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.56121 8.28356L8.95682 0.887943C9.16023 0.684537 9.16023 0.355959 8.95682 0.152554C8.75342 -0.0508513 8.42484 -0.0508513 8.22143 0.152554L0.0852156 8.28877C-0.0295258 8.40351 -0.0295258 8.59127 0.0852156 8.71123L8.22143 16.8474C8.42484 17.0509 8.75342 17.0509 8.95682 16.8474C9.16023 16.644 9.16023 16.3155 8.95682 16.1121L1.56121 8.71644C1.44647 8.6017 1.44647 8.41394 1.56121 8.29399V8.28356Z" fill="#232323"/>
+</svg>
--- a/src/assets/icons/brand/delete.svg
+++ b/src/assets/icons/brand/delete.svg
@@ -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>
--- a/src/assets/icons/brand/more.svg
+++ b/src/assets/icons/brand/more.svg
@@ -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>
--- a/src/assets/icons/brand/search.svg
+++ b/src/assets/icons/brand/search.svg
@@ -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>
--- a/src/assets/icons/brand/time.svg
+++ b/src/assets/icons/brand/time.svg
@@ -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>
--- a/src/assets/icons/card.svg
+++ b/src/assets/icons/card.svg
@@ -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>
--- a/src/assets/icons/close.svg
+++ b/src/assets/icons/close.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.28289 16.25L0 14.9671L6.8421 8.125L0 1.28289L1.28289 0L8.125 6.8421L14.9671 0L16.25 1.28289L9.40789 8.125L16.25 14.9671L14.9671 16.25L8.125 9.40789L1.28289 16.25Z" fill="#232323"/>
+</svg>
--- a/src/assets/icons/digital/Info.svg
+++ b/src/assets/icons/digital/Info.svg
@@ -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>
--- a/src/assets/icons/digital/back.svg
+++ b/src/assets/icons/digital/back.svg
@@ -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>
--- a/src/assets/icons/digital/document.svg
+++ b/src/assets/icons/digital/document.svg
@@ -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>
--- a/src/assets/icons/digital/pullIcon.svg
+++ b/src/assets/icons/digital/pullIcon.svg
@@ -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>
--- a/src/assets/icons/download.svg
+++ b/src/assets/icons/download.svg
@@ -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>
--- a/src/assets/icons/downloadBtn.svg
+++ b/src/assets/icons/downloadBtn.svg
@@ -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>
--- a/src/assets/icons/dui.svg
+++ b/src/assets/icons/dui.svg
@@ -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>
--- a/src/assets/icons/eye.svg
+++ b/src/assets/icons/eye.svg
@@ -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>
--- a/src/assets/icons/logout.svg
+++ b/src/assets/icons/logout.svg
@@ -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="M12.6233 6.32175L15.7098 9.40833C15.7338 9.43232 15.7418 9.4683 15.7298 9.50029C15.7178 9.53227 15.6858 9.55226 15.6539 9.55226L8.14532 9.55226C7.89743 9.55226 7.69752 9.75217 7.69752 10.0001C7.69752 10.2479 7.89743 10.4478 8.14532 10.4478L15.6539 10.4478C15.6898 10.4478 15.7178 10.4678 15.7298 10.4998C15.7418 10.5318 15.7378 10.5678 15.7098 10.5918L12.6233 13.6784C12.4553 13.8503 12.4553 14.1461 12.6233 14.3141C12.7072 14.398 12.8232 14.446 12.9431 14.446C13.063 14.446 13.175 14.398 13.263 14.3141L17.449 10.128C17.517 10.06 17.517 9.93609 17.449 9.86812L13.263 5.68205C13.179 5.59809 13.063 5.55011 12.9431 5.55011C12.8232 5.55011 12.7112 5.59809 12.6233 5.68205C12.4553 5.84997 12.4553 6.14983 12.6233 6.31776L12.6233 6.32175Z" fill="#232323"/>
+<path d="M7.39453 17.1967C7.39453 16.9488 7.19462 16.7489 6.94674 16.7489L3.74821 16.7489C3.5563 16.7489 3.39638 16.593 3.39638 16.397L3.39638 3.60295C3.39638 3.41104 3.5523 3.25112 3.74821 3.25112L6.94674 3.25112C7.19462 3.25112 7.39453 3.05121 7.39453 2.80332C7.39453 2.55544 7.19462 2.35553 6.94674 2.35553L3.74821 2.35553C3.06053 2.35553 2.50079 2.91527 2.50079 3.60295L2.50079 16.397C2.50079 17.0847 3.06053 17.6445 3.74821 17.6445L6.94674 17.6445C7.19462 17.6445 7.39453 17.4446 7.39453 17.1967Z" fill="#232323"/>
+</svg>
--- a/src/assets/icons/my_wardrobe.svg
+++ b/src/assets/icons/my_wardrobe.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="12" viewBox="0 0 19 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.88916 2.181C7.79027 1.48222 8.35808 0.400024 9.37247 0.400024C11.245 0.400024 11.5927 2.86742 9.86691 3.49818C9.51283 3.62804 9.26402 3.93724 9.26402 4.30209V4.96687L0.593832 9.8089C0.246132 10.0099 0.392868 10.8664 0.794797 10.8664H17.6407C18.0395 10.8664 18.1894 10.0192 17.8513 9.81199L14.017 7.65843L12.0998 6.58165" stroke="#585858" stroke-width="0.8" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
--- a/src/assets/icons/notifications.svg
+++ b/src/assets/icons/notifications.svg
--- a/src/assets/icons/order/delete.svg
+++ b/src/assets/icons/order/delete.svg
@@ -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>
--- a/src/assets/icons/order/file.svg
+++ b/src/assets/icons/order/file.svg
@@ -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>
--- a/src/assets/icons/order/shop.svg
+++ b/src/assets/icons/order/shop.svg
@@ -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>
--- a/src/assets/icons/order/warning.svg
+++ b/src/assets/icons/order/warning.svg
@@ -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>
--- a/src/assets/icons/pay/stripe.svg
+++ b/src/assets/icons/pay/stripe.svg
--- a/src/assets/icons/settings.svg
+++ b/src/assets/icons/settings.svg
@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0759 3.39874H16.3041C16.5037 3.39874 16.6673 3.56227 16.6673 3.76194V17.9701C16.6673 18.1698 16.5037 18.3333 16.3041 18.3333H4.30851C4.10884 18.3333 3.94531 18.1698 3.94531 17.9701V3.76285C3.94531 3.56318 4.10884 3.39965 4.30851 3.39965H7.39753" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10"/>
+<path d="M14.0938 5.15686H15.1337C15.2069 5.15686 15.2675 5.21739 15.2675 5.29058V16.3736C15.2675 16.4468 15.2069 16.5073 15.1337 16.5073H5.28215C5.20897 16.5073 5.14844 16.4468 5.14844 16.3736V5.29058C5.14844 5.21739 5.20897 5.15686 5.28215 5.15686H6.29948" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10"/>
+<path d="M9.59802 2.08328L6.48732 3.94084C6.42047 3.9806 6.37891 4.05378 6.37891 4.13148V5.33582C6.37891 5.4587 6.47829 5.55808 6.60116 5.55808H13.867C13.9899 5.55808 14.0892 5.4587 14.0892 5.33582V4.13148C14.0892 4.05287 14.0486 3.9806 13.9808 3.94084L10.8701 2.08328C10.478 1.84928 9.98923 1.84928 9.59712 2.08328H9.59802Z" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10"/>
+<path d="M6.89062 7.74353H13.3032" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M6.89062 9.59393H13.3032" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M6.89062 11.4443H13.3032" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M6.89062 13.385H13.3032" stroke="#585858" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
--- a/src/assets/icons/shop.svg
+++ b/src/assets/icons/shop.svg
@@ -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>
--- a/src/assets/icons/statement.svg
+++ b/src/assets/icons/statement.svg
@@ -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>
--- a/src/assets/icons/warning.svg
+++ b/src/assets/icons/warning.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.41667 5.83333C6.41667 5.51117 6.1555 5.25 5.83333 5.25C5.51117 5.25 5.25 5.51117 5.25 5.83333V8.16667C5.25 8.48883 5.51117 8.75 5.83333 8.75C6.1555 8.75 6.41667 8.48883 6.41667 8.16667V5.83333Z" fill="#9F9F9F"/>
+<path d="M5.83333 0C2.61167 0 0 2.61167 0 5.83333C0 9.05499 2.61167 11.6667 5.83333 11.6667C9.05499 11.6667 11.6667 9.05499 11.6667 5.83333C11.6667 2.61167 9.05499 0 5.83333 0ZM1.16667 5.83333C1.16667 3.256 3.256 1.16667 5.83333 1.16667C8.41066 1.16667 10.5 3.256 10.5 5.83333C10.5 8.41066 8.41066 10.5 5.83333 10.5C3.256 10.5 1.16667 8.41066 1.16667 5.83333Z" fill="#9F9F9F"/>
+<path d="M5.83333 4.25836C6.20382 4.25836 6.50417 3.95802 6.50417 3.58753C6.50417 3.21704 6.20382 2.91669 5.83333 2.91669C5.46284 2.91669 5.1625 3.21704 5.1625 3.58753C5.1625 3.95802 5.46284 4.25836 5.83333 4.25836Z" fill="#9F9F9F"/>
+</svg>
--- a/src/assets/images/account/account-bg.png
+++ b/src/assets/images/account/account-bg.png
--- a/src/assets/images/account/designer-lian-su.png
+++ b/src/assets/images/account/designer-lian-su.png
--- a/src/assets/images/account/item-01.png
+++ b/src/assets/images/account/item-01.png
--- a/src/assets/images/account/item-02.png
+++ b/src/assets/images/account/item-02.png
--- a/src/assets/images/account/item-03.png
+++ b/src/assets/images/account/item-03.png
--- a/src/assets/images/account/item-04.png
+++ b/src/assets/images/account/item-04.png
--- a/src/assets/images/account/item-05.png
+++ b/src/assets/images/account/item-05.png
--- a/src/assets/images/account/item-06.png
+++ b/src/assets/images/account/item-06.png
--- a/src/assets/images/account/item-07.png
+++ b/src/assets/images/account/item-07.png
--- a/src/assets/images/account/item-08.png
+++ b/src/assets/images/account/item-08.png
--- a/src/assets/images/account/item-09.png
+++ b/src/assets/images/account/item-09.png
--- a/src/assets/images/avatar.png
+++ b/src/assets/images/avatar.png
--- a/src/assets/images/brand-null.png
+++ b/src/assets/images/brand-null.png
--- a/src/assets/images/brand/brandBg.png
+++ b/src/assets/images/brand/brandBg.png
--- a/src/assets/images/brand/brandDetailBg.png
+++ b/src/assets/images/brand/brandDetailBg.png
--- a/src/assets/images/brand/brandLoading.gif
+++ b/src/assets/images/brand/brandLoading.gif
--- a/src/assets/images/collectionStory/code-create.png
+++ b/src/assets/images/collectionStory/code-create.png
--- a/src/assets/images/collectionStory/collection_story_banner.png
+++ b/src/assets/images/collectionStory/collection_story_banner.png
--- a/src/assets/images/digitalItem/digital_item_banner.png
+++ b/src/assets/images/digitalItem/digital_item_banner.png
--- a/src/assets/images/edit.png
+++ b/src/assets/images/edit.png
--- a/src/assets/images/example.png
+++ b/src/assets/images/example.png
--- a/src/assets/images/home/design-bg.jpg
+++ b/src/assets/images/home/design-bg.jpg
--- a/src/assets/images/home/bg.jpg
+++ b/src/assets/images/home/bg.jpg
--- a/src/assets/images/home/bg.png
+++ b/src/assets/images/home/bg.png
--- a/src/assets/images/home/designer-bg.png
+++ b/src/assets/images/home/designer-bg.png
--- a/src/assets/images/home/designers-left.jpg
+++ b/src/assets/images/home/designers-left.jpg
--- a/src/assets/images/home/designers-right.jpg
+++ b/src/assets/images/home/designers-right.jpg
--- a/src/assets/images/icons/youtube.png
+++ b/src/assets/images/icons/youtube.png
--- a/src/assets/images/login/bg.jpg
+++ b/src/assets/images/login/bg.jpg
--- a/src/assets/images/login/google.png
+++ b/src/assets/images/login/google.png
--- a/src/assets/images/login/wechat.png
+++ b/src/assets/images/login/wechat.png
--- a/src/assets/images/logos/stylish-parade-black.png
+++ b/src/assets/images/logos/stylish-parade-black.png
--- a/src/assets/images/pay/stripe.png
+++ b/src/assets/images/pay/stripe.png
--- a/src/assets/images/pay/success.png
+++ b/src/assets/images/pay/success.png
--- a/src/assets/images/profile-content-bg.jpg
+++ b/src/assets/images/profile-content-bg.jpg
--- a/src/assets/images/shopping-cart-null.png
+++ b/src/assets/images/shopping-cart-null.png
--- a/src/assets/images/wardrobe/checked.png
+++ b/src/assets/images/wardrobe/checked.png
--- a/src/assets/images/wardrobe/empty-wardrobe.png
+++ b/src/assets/images/wardrobe/empty-wardrobe.png
--- a/src/assets/images/wardrobe/select.png
+++ b/src/assets/images/wardrobe/select.png
--- a/src/assets/images/wardrobe/settings_bg.jpg
+++ b/src/assets/images/wardrobe/settings_bg.jpg
--- a/src/components/CommodityItem.vue
+++ b/src/components/CommodityItem.vue
@@ -1,82 +1,120 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
-const props = defineProps({
-	url: {
-		type: String,
-		default: ''
-	},
-	name: {
-		type: String,
-		default: 'aaa'
-	},
-	price: {
-		type: String,
-		default: '111'
+	import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
+	const props = defineProps({
+		url: {
+			type: String,
+			default: ''
+		},
+		name: {
+			type: String,
+			default: 'aaa'
+		},
+		price: {
+			type: [String, Number],
+			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 emit = defineEmits([
-	'addShopping'
-])
-let data = reactive({
-})
-const addShopping = () => {
-	emit('addShopping')
-}
- 
-onMounted(()=>{
-})
-onUnmounted(()=>{
-})
-defineExpose({})
-const {} = toRefs(data);
+	const openDetail = () => {
+		emit('openDetail')
+	}
+	onMounted(() => {})
+	onUnmounted(() => {})
+	defineExpose({})
+	const {} = toRefs(data)
 </script>
 <template>
-	<div class="commodity-item">
-		<img :src="props.url" alt="">
+	<div class="commodity-item" :class="{ 'is-download': download }">
+		<img v-loadimg="props.url" alt="" @click="openDetail" />
 		<div class="detail">
-			<div calss="text">
+			<div class="text">
 				<div class="name">
 					{{ props.name }}
 				</div>
-				<div class="price">
-					{{ props.price }}
+				<div
+					class="price"
+					:class="{ 'is-download': download }"
+					v-if="props.showPrice && (props.price || props.price === 0)"
+				>
+					HK${{ props.price }}
 				</div>
 			</div>
 			<div class="btn" @click="addShopping">
 				<div class="text">
-					<SvgIcon name="add" size="24"></SvgIcon>
+					<SvgIcon
+						:name="download ? 'download' : 'add'"
+						size="26"
+						color="#232323"
+					></SvgIcon>
 				</div>
 			</div>
 		</div>
 	</div>
 </template>
 <style lang="less" scoped>
-	.commodity-item{
-		width: var(--commodity-width,100%);
-		> img{
-			width: 100%;
-			height: var(--commodity-height,auto);
-			margin-bottom: var(--commodity-marginBottom,1rem);
+	.commodity-item {
+		width: var(--commodity-width, 100%);
+		&.is-download {
+			img {
+				cursor: initial;
+			}
 		}
-		> .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;
 			justify-content: space-between;
 			align-items: center;
-			.text{
+			> .text {
 				color: #232323;
-				> .name{
-					font-family: "KaiseiOpti-Regular";
-					font-weight: 400;
-					font-size: var(--commodity-name-fontSize,1.6rem);
-					line-height: var(--commodity-name-lineHeight,2.3rem);
+				overflow: hidden;
+				> .name {
+					font-family: 'KaiseiOpti-Regular';
+					font-weight: 700;
+					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{
-					font-family: "KaiseiOpti-Regular";
+				> .price {
+					font-family: 'KaiseiOpti-Regular';
 					font-weight: 400;
-					font-size: var(--commodity-price-fontSize,1.4rem);
-					line-height: var(--commodity-price-lineHeight,2.3rem);
+					font-size: var(--commodity-price-fontSize, 1.6rem);
+					line-height: var(--commodity-price-lineHeight, 2.3rem);
+					margin-top: .8rem;
+					&.is-download {
+						color: #979797;
+					}
 				}
 			}
 		}
+		.btn {
+			cursor: pointer;
+		}
 	}
-</style>
+</style>
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,21 +1,26 @@
 <template>
 	<section class="section-footer">
 		<div class="footer">
-			<div class="left">
-				<div>About</div>
-				<div>Privacy Policy</div>
-				<div>Terms of Use</div>
-				<div>Disclaimer</div>
-				<div>Site Map</div>
+			<div class="left" v-show="!isHome">
+				<div @click="skip('about')">{{ $t('footer.About') }}</div>
+				<div @click="skip('privacy-policy')">{{ $t('footer.PrivacyPolicy') }}</div>
+				<div @click="skip('terms-of-use')">{{ $t('footer.TermsOfUse') }}</div>
+				<div @click="skip('disclaimer')">{{ $t('footer.Disclaimer') }}</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 class="right">
-				<img src="@/assets/images/icons/xiaohongshu.png" />
-				<img src="@/assets/images/icons/linkedin.png" />
-				<img src="@/assets/images/icons/instagram.png" />
-				<img src="@/assets/images/icons/facebook.png" />
-				<img src="@/assets/images/icons/douyin.png" />
-				<img src="@/assets/images/icons/wechat.png" />
-				<div class="text">© Code-Create 2026</div>
+				<img src="@/assets/images/icons/xiaohongshu.png" @click="skip('xiaohongshu')" />
+				<img src="@/assets/images/icons/linkedin.png" @click="skip('linkedin')" />
+				<img src="@/assets/images/icons/instagram.png" @click="skip('instagram')" />
+				<img src="@/assets/images/icons/facebook.png" @click="skip('facebook')" />
+				<img src="@/assets/images/icons/douyin.png" @click="skip('tiktok')" />
+				<img src="@/assets/images/icons/youtube.png" @click="skip('youtube')" />
+				<div v-show="!isHome" class="text" @click="skip('code-create')">
+					© Code-Create 2026
+				</div>
 			</div>
 		</div>
 	</section>
@@ -23,6 +28,29 @@

 <script setup lang="ts">
 	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>

 <style lang="less">
@@ -41,6 +69,9 @@
 				color: #585858;
 				display: flex;
 				gap: 4.5rem;
+				> div {
+					cursor: pointer;
+				}
 			}
 			> .right {
 				display: flex;
@@ -49,8 +80,9 @@
 					width: 2rem;
 					height: 2rem;
 					margin-left: 2rem;
+					cursor: pointer;
 				}
-				.text{
+				.text {
 					margin-left: 4rem;
 					font-family: KaiseiOpti-Regular;
 					font-size: 1.2rem;
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -1,50 +1,50 @@
 <template>
-  <div class="c-svg">
-    <svg
-      :class="svgClass"
-      v-bind="$attrs"
-      :style="{ color: color, fontSize: size/10 + 'rem' }"
-    >
-      <use :href="iconName"></use>
-    </svg>
-  </div>
+	<div class="c-svg">
+		<svg
+			:class="svgClass"
+			v-bind="$attrs"
+			:style="{ color: color, fontSize: size / 10 + 'rem' }"
+		>
+			<use :href="iconName"></use>
+		</svg>
+	</div>
 </template>

 <script setup>
-import { computed } from "vue";
-const props = defineProps({
-  name: {
-    type: String,
-    required: true,
-  },
-  color: {
-    type: String,
-    default: "",
-  },
-  size: {
-    type: [Number, String],
-    default: 16,
-  },
-});
-const iconName = computed(() => `#icon-${props.name}`);
-const svgClass = computed(() => {
-  if (props.name) return `svg-icon icon-${props.name}`;
-  return "svg-icon";
-});
+	import { computed } from 'vue'
+	const props = defineProps({
+		name: {
+			type: String,
+			required: true
+		},
+		color: {
+			type: String,
+			default: ''
+		},
+		size: {
+			type: [Number, String],
+			default: 16
+		}
+	})
+	const iconName = computed(() => `#icon-${props.name}`)
+	const svgClass = computed(() => {
+		if (props.name) return `svg-icon icon-${props.name}`
+		return 'svg-icon'
+	})
 </script>

 <style scoped>
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  fill: currentColor;
-	color: var(--svg-icon-color);
-}
-.c-svg {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+	.svg-icon {
+		width: var(--svg-icon-width, 1em);
+		height: var(--svg-icon-height, 1em);
+		fill: currentColor;
+		color: var(--svg-icon-color);
+	}
+	.c-svg {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 </style>
--- a/src/components/checked-gender.vue
+++ b/src/components/checked-gender.vue
@@ -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>
--- a/src/components/checked.vue
+++ b/src/components/checked.vue
@@ -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>
--- a/src/components/input-code.vue
+++ b/src/components/input-code.vue
@@ -0,0 +1,109 @@
+<template>
+	<div class="input-code">
+		<input
+			ref="inputRef"
+			type="tel"
+			maxlength="1"
+			v-for="(v, i) in props.length"
+			:key="i"
+			v-model="code[i]"
+			@input="handleInput(i)"
+			@keydown.delete="handleDelete(i)"
+			@paste="handlePaste"
+		/>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { onMounted, ref, computed, watch, nextTick } from 'vue'
+	const emit = defineEmits(['submit', 'update:modelValue'])
+	const props = defineProps({
+		length: {
+			type: Number,
+			default: 6
+		}
+	})
+	const inputRef = ref('')
+	const code = ref([])
+	const codeStr = computed(() => code.value.join(''))
+	watch(codeStr, (newVal) => {
+		emit('update:modelValue', newVal)
+	})
+	const resetCode = (size = props.length) => {
+		code.value = []
+		for (let i = 0; i < size; i++) {
+			code.value.push('')
+		}
+	}
+	resetCode(props.length)
+	const handleInput = (index: number) => {
+		const value = code.value[index]
+		if (value) {
+			if (/[0-9]/.test(value)) {
+				code.value[index] = value
+				focusLast()
+			} else {
+				code.value[index] = ''
+			}
+		}
+		submit()
+	}
+	const handleDelete = (index: number) => {
+		if (code.value[index].length == 0) {
+			focusLast(-1)
+		}
+	}
+	const handlePaste = (e: ClipboardEvent) => {
+		const text = e.clipboardData?.getData('text')
+		if (text) {
+			const nums = text.match(/[0-9]/g) || []
+			if (nums.length === code.value.length) {
+				code.value = [...nums]
+				focusLast()
+				nextTick(submit)
+			}
+		}
+	}
+	// 聚焦最后一个没有输入的
+	const focusLast = (step = 0) => {
+		let index = code.value.findIndex((item) => !item) + step
+		index < 0 && (index = 0)
+		if (index >= 0 && index < props.length) {
+			inputRef.value[index]?.focus?.()
+		}
+		if (code.value.every((item) => item.length)) {
+			inputRef.value?.forEach((item) => item.blur?.())
+		}
+	}
+	const submit = () => {
+		if (codeStr.value.length === props.length) {
+			emit('submit', codeStr.value)
+		}
+	}
+	onMounted(() => {
+		focusLast()
+	})
+	defineExpose({
+		resetCode
+	})
+</script>
+
+<style lang="less" scoped>
+	.input-code {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: var(--input-code-justify-content, space-between);
+		gap: var(--input-code-input-gap, 0);
+		> input {
+			width: var(--input-code-input-width, 4.8rem);
+			height: var(--input-code-input-height, 4.8rem);
+			border-radius: var(--input-code-input-radius, 0);
+			border-width: var(--input-code-input-border-width, 0.15rem);
+			border-color: var(--input-code-input-border-color, #c4c4c4);
+			border-style: var(--input-code-input-border-style, solid);
+			background-color: var(--input-code-input-bg-color, #fff);
+			text-align: center;
+		}
+	}
+</style>
--- a/src/directives/avatarLoad.js
+++ b/src/directives/avatarLoad.js
@@ -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)
+	}
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
zhangyahui	5e10552d41	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-09 10:55:16 +08:00
zhangyahui	0f6725262b	bugfix: 保存按钮错乱问题	2026-06-09 10:55:15 +08:00
李志鹏	006fa85306	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-09 10:37:20 +08:00
李志鹏	eb153825c3	111	2026-06-09 10:37:18 +08:00
zhangyahui	73dbd34e0a	bugfix: 截图框占满容器	2026-06-08 11:39:49 +08:00
zhangyahui	7814e870f3	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-08 10:12:17 +08:00
zhangyahui	46d1b0e381	chore: 更新依赖,解决头像裁剪弹窗图片位置漂移	2026-06-08 10:12:15 +08:00
X1627315083@163.com	35c3c3aed4	fix	2026-06-04 15:53:41 +08:00
zhangyahui	c9a848a5be	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-04 15:37:31 +08:00
zhangyahui	4747489d84	feat: 发票未生成提示信息	2026-06-04 15:37:29 +08:00
李志鹏	5e39f5d2af	更换支付按钮icon	2026-06-04 15:36:52 +08:00
李志鹏	e3607e43ac	支付页面去掉发票	2026-06-04 15:24:42 +08:00
zhangyahui	6e879123ab	bugfix: 保存时头像链接被清空	2026-06-04 14:35:41 +08:00
zhangyahui	437b191b12	feat: 头像更细	2026-06-04 14:20:44 +08:00
zhangyahui	aa672194ea	feat: 头像显示	2026-06-04 14:16:19 +08:00
zhangyahui	8ab14e88f1	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-04 09:54:40 +08:00
zhangyahui	275d4ad0d0	feat: 完成付款&再次购买	2026-06-04 09:54:38 +08:00
李志鹏	d789edcc80	401提示多语言	2026-06-04 09:41:14 +08:00
李志鹏	8cc646f4b8	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-03 13:18:57 +08:00
李志鹏	e64dbd8925	支付设置最小高度	2026-06-03 13:18:56 +08:00
zhangyahui	bcb04aedd7	feat: 修改语言	2026-06-03 13:14:12 +08:00
zhangyahui	1c80ba9fbc	feat: 设置页监听语言变化重新获取信息	2026-06-03 09:53:23 +08:00
zhangyahui	6b214d2abc	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-02 17:34:15 +08:00
zhangyahui	fb767218c4	feat: 头像上传弹窗	2026-06-02 17:34:13 +08:00
zhangyahui	29400bb23b	feat: 头像上传	2026-06-02 17:33:57 +08:00
李志鹏	aa7f6724b6	购物车标题溢出隐藏	2026-06-02 17:21:29 +08:00
李志鹏	4aba2fc0a4	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-02 15:39:23 +08:00
李志鹏	33d126bac9	店铺icon	2026-06-02 15:39:19 +08:00
X1627315083@163.com	e68fb8afc7	fix	2026-06-02 15:06:15 +08:00
李志鹏	2c5ef21edb	默认图	2026-06-02 14:44:06 +08:00
X1627315083@163.com	15dd98a555	图片添加空状态	2026-06-02 14:31:02 +08:00
X1627315083@163.com	792db5bff9	fix	2026-06-02 14:27:07 +08:00
李志鹏	310e514206	主页item图片，底部url	2026-06-02 11:35:06 +08:00
zhangyahui	087f8f1096	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-01 16:57:28 +08:00
zhangyahui	480c1baa4a	bugfix: 我的资产列表	2026-06-01 16:57:27 +08:00
X1627315083@163.com	cf0791dec7	增加添加购物车校验，状态有已下单未支付已支付	2026-06-01 16:37:38 +08:00
zhangyahui	4f0d17ea29	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-01 16:17:06 +08:00
zhangyahui	240b006a8f	feat: 设置页密码提示框	2026-06-01 16:17:04 +08:00
李志鹏	d3da32d4a6	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-01 16:07:15 +08:00
李志鹏	1c26f6ae28	登录密码校验	2026-06-01 16:07:14 +08:00
X1627315083@163.com	7e0abc7d16	去掉购物车的背景图，商品名字过长变为省略号	2026-06-01 15:52:32 +08:00
李志鹏	ff36a56002	支付跳转隐私政策	2026-06-01 15:34:01 +08:00
zhangyahui	44dea76108	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-01 15:22:17 +08:00
zhangyahui	8321871e18	bugfix: sellerId	2026-06-01 15:22:14 +08:00
李志鹏	40132cebce	1	2026-06-01 15:05:46 +08:00
李志鹏	183e7e551e	111	2026-06-01 14:36:23 +08:00
X1627315083@163.com	7f08c52a98	页脚添加跳转地址	2026-06-01 14:16:13 +08:00
X1627315083@163.com	c004308f77	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-01 14:12:43 +08:00
X1627315083@163.com	c32bd02efe	fix	2026-06-01 14:12:40 +08:00
李志鹏	277457d42a	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-01 11:39:45 +08:00
李志鹏	f52594efdd	支付	2026-06-01 11:39:23 +08:00
zhangyahui	16347514b5	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-01 11:21:54 +08:00
zhangyahui	8b0bcdc8ac	feat: 筛选组件修改	2026-06-01 11:21:49 +08:00
李志鹏	edb8e7a4bf	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-01 11:18:36 +08:00
李志鹏	bf5c27d857	优化	2026-06-01 11:18:35 +08:00
X1627315083@163.com	a4494831a1	fix	2026-06-01 11:03:14 +08:00
zhangyahui	ad0f4f65e5	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-06-01 10:44:34 +08:00
zhangyahui	052764166f	feat: hero背景&通知时间	2026-06-01 10:44:32 +08:00
X1627315083@163.com	fdc5f9d095	fix	2026-06-01 10:40:11 +08:00
李志鹏	965721bbdd	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-06-01 10:10:23 +08:00
李志鹏	88a5618976	支付	2026-06-01 10:10:22 +08:00
zhangyahui	6c4ebc26d1	feat: ws连接	2026-06-01 09:35:11 +08:00
zhangyahui	6ac5eb9664	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-31 09:51:59 +08:00
zhangyahui	74b6045220	feat: 消息通知	2026-05-31 09:51:57 +08:00
X1627315083@163.com	d90b788155	fix	2026-05-29 16:35:14 +08:00
X1627315083@163.com	cc100caa38	fix	2026-05-29 15:31:14 +08:00
李志鹏	b66b8df8a3	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-29 15:30:14 +08:00
李志鹏	a0b31f9374	支付接口	2026-05-29 15:30:13 +08:00
zhangyahui	1cc85f1c46	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-29 14:59:16 +08:00
zhangyahui	484d15f91d	feat: 重新付款	2026-05-29 14:59:14 +08:00
李志鹏	8209a1d678	11	2026-05-29 14:59:03 +08:00
李志鹏	b7250c51bf	123123	2026-05-29 14:55:54 +08:00
李志鹏	fe04ee3d1a	11	2026-05-29 14:25:24 +08:00
李志鹏	c3aebf85c1	支付	2026-05-29 13:52:28 +08:00
李志鹏	2f0f875080	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-28 15:15:21 +08:00
李志鹏	83cf98c8b0	1	2026-05-28 15:15:05 +08:00
zhangyahui	a28636d25c	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-28 15:01:24 +08:00
zhangyahui	b47f0b8296	feat: 下载接口超时时间设置为10分钟	2026-05-28 15:01:22 +08:00
李志鹏	2c29d2ad38	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-28 14:57:00 +08:00
李志鹏	fa73f949d5	支付页面	2026-05-28 14:56:59 +08:00
zhangyahui	9948b18c26	bugfix: 设置页邮箱&资源下载	2026-05-28 14:20:23 +08:00
zhangyahui	f203d6146c	feat: 语言切换	2026-05-28 13:45:59 +08:00
zhangyahui	e45fd1135c	bugfix: 重复key	2026-05-28 13:10:06 +08:00
zhangyahui	4e49584c60	bugfix: 传参	2026-05-28 13:08:01 +08:00
zhangyahui	bc8e436c94	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-28 11:46:25 +08:00
zhangyahui	881f25ac2b	feat: security部分改为二次编辑	2026-05-28 11:46:23 +08:00
李志鹏	242c1ae8e8	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-28 11:43:52 +08:00
李志鹏	a55e6b3ea9	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-28 11:43:46 +08:00
X1627315083@163.com	7057a6c8f7	fix	2026-05-28 11:43:43 +08:00
李志鹏	7df8b38966	111	2026-05-28 11:43:24 +08:00
X1627315083@163.com	729755efdf	fix	2026-05-28 11:34:07 +08:00
李志鹏	b8243128d6	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-28 11:31:38 +08:00
李志鹏	5ada85d05c	123	2026-05-28 11:31:37 +08:00
zhangyahui	8f9511966e	merge	2026-05-28 11:29:09 +08:00
zhangyahui	248bf6b1eb	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-28 11:28:53 +08:00
zhangyahui	e4f1c535a7	feat: 邮箱密码修改	2026-05-28 11:27:39 +08:00
X1627315083@163.com	8f23b4c387	fix	2026-05-28 11:07:21 +08:00
zhangyahui	a4861da21a	feat: 资料更新	2026-05-27 17:29:35 +08:00
X1627315083@163.com	d0224e5c6d	fix	2026-05-27 16:33:25 +08:00
X1627315083@163.com	91889102ea	detail布局调整	2026-05-27 16:31:08 +08:00
李志鹏	3da18cb246	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-27 13:06:28 +08:00
李志鹏	0b014f2a3b	语言适配	2026-05-27 13:06:08 +08:00
X1627315083@163.com	8a99048639	调整digital item布局	2026-05-27 11:49:10 +08:00
zhangyahui	3e64912804	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-27 11:30:56 +08:00
zhangyahui	dfe8099945	feat: order跳转卖家主页	2026-05-27 11:29:37 +08:00
X1627315083@163.com	fc5a361bba	fix	2026-05-27 11:25:06 +08:00
X1627315083@163.com	95556b1a1f	fix	2026-05-27 11:22:01 +08:00
李志鹏	3c39959ce3	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-27 11:16:42 +08:00
李志鹏	22ebbba451	aaa	2026-05-27 11:16:40 +08:00
X1627315083@163.com	92c625fb89	fix	2026-05-27 11:16:15 +08:00
李志鹏	a0fa8cd523	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-27 11:06:02 +08:00
zhangyahui	c263f1cffc	feat: 下载按钮显示	2026-05-27 11:05:30 +08:00
李志鹏	1ab121a703	语言适配	2026-05-27 11:04:51 +08:00
zhangyahui	b8662fd379	bugfix: 订单状态	2026-05-27 10:53:37 +08:00
X1627315083@163.com	bcbaa47926	fix	2026-05-27 10:49:29 +08:00
李志鹏	a4441c6107	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-27 09:29:48 +08:00
李志鹏	d0dc9b2af0	交互	2026-05-27 09:29:47 +08:00
zhangyahui	ec4c3bc81f	feat: 我的衣柜筛选	2026-05-26 15:24:10 +08:00
zhangyahui	dc6658e1dd	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-26 10:55:32 +08:00
zhangyahui	0d10954251	feat: order页面空状态	2026-05-26 10:55:28 +08:00
X1627315083@163.com	f402c7b2aa	fix	2026-05-26 10:22:06 +08:00
X1627315083@163.com	0e28f089dc	digitallItem语言适配	2026-05-26 10:19:01 +08:00
X1627315083@163.com	ab556a17e7	footer collectionstory语言适配	2026-05-26 10:01:07 +08:00
X1627315083@163.com	9b86a9f65e	ifx	2026-05-22 14:35:43 +08:00
李志鹏	49cec0ee28	退出登录	2026-05-22 13:53:07 +08:00
李志鹏	ecf53c8353	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-22 13:36:53 +08:00
李志鹏	c8fa11aa25	111	2026-05-22 13:36:51 +08:00
zhangyahui	c576d050db	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-22 13:20:18 +08:00
zhangyahui	2a64226f35	feat: 筛选时获取数据	2026-05-22 13:20:17 +08:00
X1627315083@163.com	f6f62fde8e	增加卖家默认头像默认背景	2026-05-22 13:04:33 +08:00
zhangyahui	99f4515e9d	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-22 11:39:21 +08:00
zhangyahui	4c22311e08	feat: wardrobe assets	2026-05-22 11:39:17 +08:00
X1627315083@163.com	3ae774bc6b	digital item页面	2026-05-22 11:11:38 +08:00
李志鹏	2d95c3c976	1	2026-05-22 10:19:22 +08:00
李志鹏	3de38d2856	更改loading样式	2026-05-21 15:13:18 +08:00
李志鹏	2f1cc8d55d	1	2026-05-21 14:58:52 +08:00
李志鹏	5d0de56c1a	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-21 14:58:08 +08:00
李志鹏	1b32002af5	创建订单	2026-05-21 14:58:07 +08:00
X1627315083@163.com	59803cf2ea	fix	2026-05-21 14:56:37 +08:00
zhangyahui	d772cae6bc	feat: 创建订单接口	2026-05-21 14:55:31 +08:00
X1627315083@163.com	8c080d3e22	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-21 14:36:33 +08:00
李志鹏	4be692bb29	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-21 14:36:30 +08:00
X1627315083@163.com	7bfae7d024	fix	2026-05-21 14:36:29 +08:00
李志鹏	e7957532e8	购物车	2026-05-21 14:36:29 +08:00
zhangyahui	338ee24da2	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-21 13:44:58 +08:00
zhangyahui	81b907562e	feat: 服装分类	2026-05-21 13:44:57 +08:00
李志鹏	31de24cc2b	购物车	2026-05-21 11:46:04 +08:00
李志鹏	c18b424f99	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-21 11:36:15 +08:00
李志鹏	b9be27ab85	aaa	2026-05-21 11:36:14 +08:00
zhangyahui	5476a1f69d	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-21 11:33:32 +08:00
zhangyahui	9f620ab9d5	feat: 我的衣柜接口	2026-05-21 11:32:52 +08:00
X1627315083@163.com	e418bf80ad	brand对接接口	2026-05-21 11:25:11 +08:00
李志鹏	2346e079a1	登录、退出登录	2026-05-21 11:04:12 +08:00
李志鹏	6772bf0e90	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-21 10:48:55 +08:00
李志鹏	26dfbd9bb5	接口配置	2026-05-21 10:48:53 +08:00
X1627315083@163.com	8c8ec7846d	调整添加购物车逻辑	2026-05-12 17:02:49 +08:00
X1627315083@163.com	8d441766c5	fix	2026-05-12 14:13:56 +08:00
X1627315083@163.com	bf907a1378	digital空状态	2026-05-12 13:35:53 +08:00
李志鹏	de6295f2af	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-12 13:32:48 +08:00
李志鹏	3e0a7b8928	导航栏激活	2026-05-12 13:32:47 +08:00
X1627315083@163.com	09909552bc	digital 过滤调整	2026-05-12 13:27:30 +08:00
李志鹏	baf57515c0	登录还原	2026-05-12 11:10:42 +08:00
X1627315083@163.com	b8c844363c	brand页面交互调整	2026-05-11 16:16:59 +08:00
李志鹏	87b071c319	22	2026-05-11 14:34:37 +08:00
李志鹏	bdc824e1f6	11	2026-05-11 14:22:52 +08:00
李志鹏	1c7b2d32a6	空列表	2026-05-11 14:21:42 +08:00
李志鹏	cffd554365	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-11 13:56:12 +08:00
李志鹏	33043eedf1	home修改	2026-05-11 13:56:10 +08:00
zhangyahui	ce35f788ca	feat: 商品item组件	2026-05-11 13:15:31 +08:00
zhangyahui	5bbdeb6236	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-05-11 11:29:00 +08:00
zhangyahui	93813f7b56	chore: setting页面拆分	2026-05-11 11:28:59 +08:00
李志鹏	51e6933f9f	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-05-11 10:51:10 +08:00
李志鹏	c0b4742966	11	2026-05-11 10:51:00 +08:00
zhangyahui	f76c9ed828	feat: 设置页去掉社媒填写	2026-05-11 10:39:34 +08:00
zhangyahui	d50e3781db	feat: 设置页i18n	2026-05-05 09:59:44 +08:00
zhangyahui	e48e369ef1	feat: 验证码输入弹窗	2026-05-04 17:06:04 +08:00
zhangyahui	bb8344b27a	feat: account页面	2026-05-04 15:53:13 +08:00
zhangyahui	b538853800	feat: 页脚	2026-04-24 14:50:28 +08:00
zhangyahui	f772e3d250	style: 订单子列表样式	2026-04-24 14:36:52 +08:00
zhangyahui	f5a7ad51f0	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-24 14:13:15 +08:00
zhangyahui	8df8618f40	feat: wardrobe orders	2026-04-24 14:04:01 +08:00
李志鹏	f355835819	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-24 09:38:25 +08:00
李志鹏	42c2817c2f	分离	2026-04-24 09:38:24 +08:00
zhangyahui	9bf0211e78	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-23 17:29:17 +08:00
zhangyahui	281272c9f9	feat: wardrobe assets页面	2026-04-23 17:29:15 +08:00
李志鹏	71cfef996d	更改字节转换方法	2026-04-23 17:03:45 +08:00
李志鹏	09125378b6	gogogo	2026-04-23 16:35:07 +08:00
李志鹏	e8da956543	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-23 16:11:14 +08:00
李志鹏	ad81feaf81	购物车	2026-04-23 16:11:13 +08:00
zhangyahui	254f61e524	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-23 15:20:46 +08:00
zhangyahui	3512d9ae87	feat: wardrobe页面	2026-04-23 15:20:22 +08:00
李志鹏	98e2548f01	11	2026-04-23 15:18:30 +08:00
李志鹏	a6484782a5	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-23 15:15:45 +08:00
李志鹏	017d052cd8	购物车	2026-04-23 15:15:43 +08:00
X1627315083@163.com	bd35b3f89f	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-23 14:30:11 +08:00
X1627315083@163.com	66b019eb2a	fix	2026-04-23 14:30:09 +08:00
李志鹏	4c2edb53e4	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-23 14:28:27 +08:00
李志鹏	829f164833	购物车	2026-04-23 14:28:26 +08:00
X1627315083@163.com	45298e5f23	digital item 页面	2026-04-23 14:08:35 +08:00
李志鹏	7ca69021c4	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-23 11:49:00 +08:00
李志鹏	b0ee5a0783	购物车	2026-04-23 11:48:22 +08:00
zhangyahui	5c931317f0	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-23 09:39:14 +08:00
zhangyahui	751cd1aa1f	feat: notification页面	2026-04-23 09:39:12 +08:00
X1627315083@163.com	80eaa803dd	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-22 16:29:41 +08:00
X1627315083@163.com	7b5dcdacd7	digitalItem页面	2026-04-22 16:29:22 +08:00
zhangyahui	cce310c2dc	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-22 16:11:17 +08:00
zhangyahui	5d240edb84	feat: setting页面	2026-04-22 16:11:16 +08:00
李志鹏	32a801b24f	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-22 13:57:29 +08:00
李志鹏	d65590304f	登录页面	2026-04-22 13:57:28 +08:00
zhangyahui	38094c4b2c	feat: setting页面	2026-04-22 10:43:40 +08:00
zhangyahui	7b4acaa001	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front	2026-04-22 10:31:34 +08:00
zhangyahui	8a5a0ad3f5	feat: setting页面	2026-04-22 10:30:55 +08:00
李志鹏	fd86f5fa74	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-21 16:23:33 +08:00
李志鹏	5da88beaf1	1	2026-04-21 16:23:32 +08:00
X1627315083@163.com	1be347cadf	fix	2026-04-21 16:19:54 +08:00
李志鹏	e16c551f4e	111	2026-04-21 16:17:21 +08:00
李志鹏	4dc0a54b2e	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Aida_Purchaser_Front	2026-04-21 15:58:10 +08:00
李志鹏	9cd63c90c9	登录	2026-04-21 15:57:59 +08:00