From c32359447d757d136f44cc0191ee0d1638de628e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
 <11785189+beckoningchen@user.noreply.gitee.com>
Date: Fri, 24 May 2024 08:15:05 +0000
Subject: [PATCH 1/8] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=20=E5=B0=8F?=
 =?UTF-8?q?=E6=9C=B1=20=E4=B8=BA=20=E9=99=88=E6=96=B0=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../123.txt" => "\351\231\210\346\226\260\346\210\220/123.txt"    | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename "\345\260\217\346\234\261/123.txt" => "\351\231\210\346\226\260\346\210\220/123.txt" (100%)

diff --git "a/\345\260\217\346\234\261/123.txt" "b/\351\231\210\346\226\260\346\210\220/123.txt"
similarity index 100%
rename from "\345\260\217\346\234\261/123.txt"
rename to "\351\231\210\346\226\260\346\210\220/123.txt"
-- 
Gitee


From 1d39bba8a01eeebdaad540240d4bb46f55720ac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
 <11785189+beckoningchen@user.noreply.gitee.com>
Date: Fri, 24 May 2024 08:15:16 +0000
Subject: [PATCH 2/8] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=20=E9=99=88?=
 =?UTF-8?q?=E6=96=B0=E6=88=90=20=E4=B8=BA=2014=20=E9=99=88=E6=96=B0?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../123.txt" => "14 \351\231\210\346\226\260\346\210\220/123.txt" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename "\351\231\210\346\226\260\346\210\220/123.txt" => "14 \351\231\210\346\226\260\346\210\220/123.txt" (100%)

diff --git "a/\351\231\210\346\226\260\346\210\220/123.txt" "b/14 \351\231\210\346\226\260\346\210\220/123.txt"
similarity index 100%
rename from "\351\231\210\346\226\260\346\210\220/123.txt"
rename to "14 \351\231\210\346\226\260\346\210\220/123.txt"
-- 
Gitee


From 9eb72a604c53f864efb49917604f41df8d48c6a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
 <11785189+beckoningchen@user.noreply.gitee.com>
Date: Fri, 24 May 2024 08:20:48 +0000
Subject: [PATCH 3/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=2014?=
 =?UTF-8?q?=20=E9=99=88=E6=96=B0=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "14 \351\231\210\346\226\260\346\210\220/123.txt" | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 "14 \351\231\210\346\226\260\346\210\220/123.txt"

diff --git "a/14 \351\231\210\346\226\260\346\210\220/123.txt" "b/14 \351\231\210\346\226\260\346\210\220/123.txt"
deleted file mode 100644
index 5435fd1..0000000
--- "a/14 \351\231\210\346\226\260\346\210\220/123.txt"	
+++ /dev/null
@@ -1 +0,0 @@
-444444444
\ No newline at end of file
-- 
Gitee


From b2d955a807d35ab738a85d85c802076b0725f5bd Mon Sep 17 00:00:00 2001
From: hello world <2511976689@qq.com>
Date: Fri, 24 May 2024 16:45:01 +0800
Subject: [PATCH 4/8] =?UTF-8?q?=E8=BF=99=E6=98=AF=E4=B8=AA=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\351\231\210\346\226\260\346\210\220/123.txt" | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 "\351\231\210\346\226\260\346\210\220/123.txt"

diff --git "a/\351\231\210\346\226\260\346\210\220/123.txt" "b/\351\231\210\346\226\260\346\210\220/123.txt"
new file mode 100644
index 0000000..9eddad0
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/123.txt"
@@ -0,0 +1 @@
+`132
\ No newline at end of file
-- 
Gitee


From 04fdae93e92673bc462ce0f8b7c4fc88d79ba1ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
 <11785189+beckoningchen@user.noreply.gitee.com>
Date: Sun, 26 May 2024 10:37:50 +0000
Subject: [PATCH 5/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90/123.txt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\351\231\210\346\226\260\346\210\220/123.txt" | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 "\351\231\210\346\226\260\346\210\220/123.txt"

diff --git "a/\351\231\210\346\226\260\346\210\220/123.txt" "b/\351\231\210\346\226\260\346\210\220/123.txt"
deleted file mode 100644
index 9eddad0..0000000
--- "a/\351\231\210\346\226\260\346\210\220/123.txt"
+++ /dev/null
@@ -1 +0,0 @@
-`132
\ No newline at end of file
-- 
Gitee


From 2f362e762a9f1c99ddec94ac90b4099f4e613626 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
 <11785189+beckoningchen@user.noreply.gitee.com>
Date: Sun, 26 May 2024 10:39:03 +0000
Subject: [PATCH 6/8] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20=E9=99=88=E6=96=B0?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\351\231\210\346\226\260\346\210\220/.keep" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\351\231\210\346\226\260\346\210\220/.keep"

diff --git "a/\351\231\210\346\226\260\346\210\220/.keep" "b/\351\231\210\346\226\260\346\210\220/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From bd56e8ce72598337dcb14427ae11861c5f9afb65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
 <11785189+beckoningchen@user.noreply.gitee.com>
Date: Sun, 26 May 2024 11:17:35 +0000
Subject: [PATCH 7/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\351\231\210\346\226\260\346\210\220/.keep" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 "\351\231\210\346\226\260\346\210\220/.keep"

diff --git "a/\351\231\210\346\226\260\346\210\220/.keep" "b/\351\231\210\346\226\260\346\210\220/.keep"
deleted file mode 100644
index e69de29..0000000
-- 
Gitee


From d9141527d4dbc078eb7d9a683bcf04a2bc0dcb27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=96=B0=E6=88=90?= <2411976689@qq.com>
Date: Sun, 26 May 2024 19:25:59 +0800
Subject: [PATCH 8/8] 1

---
 .../jingdong1/.gitignore"                     |   30 +
 .../jingdong1/.vscode/extensions.json"        |    3 +
 .../jingdong1/README.md"                      |   29 +
 .../jingdong1/index.html"                     |   13 +
 .../jingdong1/jsconfig.json"                  |    8 +
 .../jingdong1/package-lock.json"              | 1210 +++++++++++++++++
 .../jingdong1/package.json"                   |   21 +
 .../jingdong1/public/favicon.ico"             |  Bin 0 -> 4286 bytes
 .../jingdong1/src/App.vue"                    |   11 +
 .../jingdong1/src/assets/base.css"            |   86 ++
 .../jingdong1/src/assets/logo.svg"            |    1 +
 .../jingdong1/src/assets/main.css"            |   35 +
 .../jingdong1/src/components/AddressCard.vue" |   35 +
 .../jingdong1/src/components/Tabbar.vue"      |   67 +
 .../src/components/address/Address.vue"       |   35 +
 .../src/components/cart/CartCard.vue"         |   95 ++
 .../src/components/home/ShopInfo.vue"         |   74 +
 .../src/components/order/OrderCard.vue"       |   77 ++
 .../src/components/product/CartBottom.vue"    |  283 ++++
 .../src/components/product/Product.vue"       |  135 ++
 .../jingdong1/src/main.js"                    |   15 +
 .../jingdong1/src/router/index.js"            |   61 +
 .../jingdong1/src/stores/cart.js"             |   10 +
 .../jingdong1/src/stores/counter.js"          |   12 +
 .../jingdong1/src/stores/order.js"            |   10 +
 .../jingdong1/src/stores/shop.js"             |  184 +++
 .../jingdong1/src/stores/user.js"             |   53 +
 .../jingdong1/src/style/base.scss"            |   17 +
 .../jingdong1/src/style/iconfont.css"         |   43 +
 .../jingdong1/src/style/mixins.scss"          |    5 +
 .../jingdong1/src/style/viriables.scss"       |   12 +
 .../src/views/address/AddressView.vue"        |   78 ++
 .../jingdong1/src/views/cart/CartView.vue"    |   60 +
 .../jingdong1/src/views/home/HomeView.vue"    |   23 +
 .../jingdong1/src/views/home/NearByView.vue"  |   37 +
 .../src/views/home/StaticPartView.vue"        |  115 ++
 .../src/views/layout/LayoutView.vue"          |   13 +
 .../src/views/my/CreateAddressView.vue"       |  123 ++
 .../jingdong1/src/views/my/MyView.vue"        |  187 +++
 .../src/views/order/OrderConfirm.vue"         |  299 ++++
 .../jingdong1/src/views/order/OrderView.vue"  |   55 +
 .../jingdong1/src/views/shop/ShopView.vue"    |  152 +++
 .../jingdong1/test.js"                        |    5 +
 .../jingdong1/vite.config.js"                 |   16 +
 44 files changed, 3833 insertions(+)
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/.gitignore"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/.vscode/extensions.json"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/README.md"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/index.html"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/jsconfig.json"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/package-lock.json"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/package.json"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/public/favicon.ico"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/App.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/base.css"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/logo.svg"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/main.css"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/AddressCard.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/Tabbar.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/address/Address.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/cart/CartCard.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/home/ShopInfo.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/order/OrderCard.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/CartBottom.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/Product.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/main.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/router/index.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/cart.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/counter.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/order.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/shop.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/user.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/style/base.scss"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/style/iconfont.css"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/style/mixins.scss"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/style/viriables.scss"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/address/AddressView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/cart/CartView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/HomeView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/NearByView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/StaticPartView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/layout/LayoutView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/CreateAddressView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/MyView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderConfirm.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/src/views/shop/ShopView.vue"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/test.js"
 create mode 100644 "\351\231\210\346\226\260\346\210\220/jingdong1/vite.config.js"

diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/.gitignore" "b/\351\231\210\346\226\260\346\210\220/jingdong1/.gitignore"
new file mode 100644
index 0000000..8ee54e8
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/.gitignore"
@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/.vscode/extensions.json" "b/\351\231\210\346\226\260\346\210\220/jingdong1/.vscode/extensions.json"
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/.vscode/extensions.json"
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/README.md" "b/\351\231\210\346\226\260\346\210\220/jingdong1/README.md"
new file mode 100644
index 0000000..823d32b
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/README.md"
@@ -0,0 +1,29 @@
+# vue-jingdong
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/index.html" "b/\351\231\210\346\226\260\346\210\220/jingdong1/index.html"
new file mode 100644
index 0000000..99f583a
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/index.html"
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/jsconfig.json" "b/\351\231\210\346\226\260\346\210\220/jingdong1/jsconfig.json"
new file mode 100644
index 0000000..5a1f2d2
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/jsconfig.json"
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/package-lock.json" "b/\351\231\210\346\226\260\346\210\220/jingdong1/package-lock.json"
new file mode 100644
index 0000000..f91c98a
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/package-lock.json"
@@ -0,0 +1,1210 @@
+{
+  "name": "vue-jingdong",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "vue-jingdong",
+      "version": "0.0.0",
+      "dependencies": {
+        "pinia": "^2.1.7",
+        "vue": "^3.4.21",
+        "vue-router": "^4.3.0"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^5.0.4",
+        "sass": "^1.77.1",
+        "vite": "^5.2.8"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.17.2",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.0.4",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.4.27",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.24.4",
+        "@vue/shared": "3.4.27",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-core/node_modules/@babel/parser": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.24.5.tgz",
+      "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.4.27",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.4.27",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.1",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.4.27",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.4.27",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.4.27",
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.20.2",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.20.2",
+        "@esbuild/android-arm": "0.20.2",
+        "@esbuild/android-arm64": "0.20.2",
+        "@esbuild/android-x64": "0.20.2",
+        "@esbuild/darwin-arm64": "0.20.2",
+        "@esbuild/darwin-x64": "0.20.2",
+        "@esbuild/freebsd-arm64": "0.20.2",
+        "@esbuild/freebsd-x64": "0.20.2",
+        "@esbuild/linux-arm": "0.20.2",
+        "@esbuild/linux-arm64": "0.20.2",
+        "@esbuild/linux-ia32": "0.20.2",
+        "@esbuild/linux-loong64": "0.20.2",
+        "@esbuild/linux-mips64el": "0.20.2",
+        "@esbuild/linux-ppc64": "0.20.2",
+        "@esbuild/linux-riscv64": "0.20.2",
+        "@esbuild/linux-s390x": "0.20.2",
+        "@esbuild/linux-x64": "0.20.2",
+        "@esbuild/netbsd-x64": "0.20.2",
+        "@esbuild/openbsd-x64": "0.20.2",
+        "@esbuild/sunos-x64": "0.20.2",
+        "@esbuild/win32-arm64": "0.20.2",
+        "@esbuild/win32-ia32": "0.20.2",
+        "@esbuild/win32-x64": "0.20.2"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
+      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/android-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
+      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/android-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
+      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/android-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
+      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
+      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/darwin-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
+      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
+      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
+      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
+      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
+      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
+      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-loong64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
+      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
+      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
+      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
+      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-s390x": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
+      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/linux-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/sunos-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
+      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/win32-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
+      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/win32-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
+      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild/node_modules/@esbuild/win32-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
+      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "license": "MIT"
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-4.3.5.tgz",
+      "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
+      "dev": true
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.1.7.tgz",
+      "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": ">=0.14.5"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.7",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.38",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.17.2.tgz",
+      "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.17.2",
+        "@rollup/rollup-android-arm64": "4.17.2",
+        "@rollup/rollup-darwin-arm64": "4.17.2",
+        "@rollup/rollup-darwin-x64": "4.17.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.17.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.17.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.17.2",
+        "@rollup/rollup-linux-arm64-musl": "4.17.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.17.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.17.2",
+        "@rollup/rollup-linux-x64-gnu": "4.17.2",
+        "@rollup/rollup-linux-x64-musl": "4.17.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.17.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.17.2",
+        "@rollup/rollup-win32-x64-msvc": "4.17.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
+      "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz",
+      "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz",
+      "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz",
+      "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz",
+      "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz",
+      "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz",
+      "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz",
+      "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz",
+      "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz",
+      "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz",
+      "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz",
+      "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz",
+      "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz",
+      "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/rollup/node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz",
+      "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/sass": {
+      "version": "1.77.1",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.77.1.tgz",
+      "integrity": "sha512-OMEyfirt9XEfyvocduUIOlUSkWOXS/LAt6oblR/ISXCTukyavjex+zQNm51pPCOiFKY1QpWvEH1EeCkgyV3I6w==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.2.11",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.2.11.tgz",
+      "integrity": "sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.20.1",
+        "postcss": "^8.4.38",
+        "rollup": "^4.13.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.4.27.tgz",
+      "integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/compiler-sfc": "3.4.27",
+        "@vue/runtime-dom": "3.4.27",
+        "@vue/server-renderer": "3.4.27",
+        "@vue/shared": "3.4.27"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue/node_modules/@babel/parser": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.24.5.tgz",
+      "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/vue/node_modules/@vue/compiler-sfc": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
+      "integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
+      "dependencies": {
+        "@babel/parser": "^7.24.4",
+        "@vue/compiler-core": "3.4.27",
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/compiler-ssr": "3.4.27",
+        "@vue/shared": "3.4.27",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.10",
+        "postcss": "^8.4.38",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/vue/node_modules/@vue/runtime-dom": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
+      "integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
+      "dependencies": {
+        "@vue/runtime-core": "3.4.27",
+        "@vue/shared": "3.4.27",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/vue/node_modules/@vue/server-renderer": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
+      "integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.4.27",
+        "@vue/shared": "3.4.27"
+      },
+      "peerDependencies": {
+        "vue": "3.4.27"
+      }
+    },
+    "node_modules/vue/node_modules/magic-string": {
+      "version": "0.30.10",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.10.tgz",
+      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    }
+  }
+}
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/package.json" "b/\351\231\210\346\226\260\346\210\220/jingdong1/package.json"
new file mode 100644
index 0000000..fdfc445
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/package.json"
@@ -0,0 +1,21 @@
+{
+  "name": "vue-jingdong",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "pinia": "^2.1.7",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "sass": "^1.77.1",
+    "vite": "^5.2.8"
+  }
+}
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/public/favicon.ico" "b/\351\231\210\346\226\260\346\210\220/jingdong1/public/favicon.ico"
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

literal 0
HcmV?d00001

diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/App.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/App.vue"
new file mode 100644
index 0000000..d00150a
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/App.vue"
@@ -0,0 +1,11 @@
+<script setup>
+  import { RouterView } from 'vue-router';
+</script>
+
+<template>
+  <RouterView/>
+</template>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/base.css" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/base.css"
new file mode 100644
index 0000000..8816868
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/base.css"
@@ -0,0 +1,86 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+  --vt-c-white: #ffffff;
+  --vt-c-white-soft: #f8f8f8;
+  --vt-c-white-mute: #f2f2f2;
+
+  --vt-c-black: #181818;
+  --vt-c-black-soft: #222222;
+  --vt-c-black-mute: #282828;
+
+  --vt-c-indigo: #2c3e50;
+
+  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --vt-c-text-light-1: var(--vt-c-indigo);
+  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+  --vt-c-text-dark-1: var(--vt-c-white);
+  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+  --color-background: var(--vt-c-white);
+  --color-background-soft: var(--vt-c-white-soft);
+  --color-background-mute: var(--vt-c-white-mute);
+
+  --color-border: var(--vt-c-divider-light-2);
+  --color-border-hover: var(--vt-c-divider-light-1);
+
+  --color-heading: var(--vt-c-text-light-1);
+  --color-text: var(--vt-c-text-light-1);
+
+  --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background: var(--vt-c-black);
+    --color-background-soft: var(--vt-c-black-soft);
+    --color-background-mute: var(--vt-c-black-mute);
+
+    --color-border: var(--vt-c-divider-dark-2);
+    --color-border-hover: var(--vt-c-divider-dark-1);
+
+    --color-heading: var(--vt-c-text-dark-1);
+    --color-text: var(--vt-c-text-dark-2);
+  }
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  font-weight: normal;
+}
+
+body {
+  min-height: 100vh;
+  color: var(--color-text);
+  background: var(--color-background);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  line-height: 1.6;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/logo.svg" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/logo.svg"
new file mode 100644
index 0000000..7565660
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/logo.svg"
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/main.css" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/main.css"
new file mode 100644
index 0000000..36fb845
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/assets/main.css"
@@ -0,0 +1,35 @@
+@import './base.css';
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  font-weight: normal;
+}
+
+a,
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+  padding: 3px;
+}
+
+@media (hover: hover) {
+  a:hover {
+    background-color: hsla(160, 100%, 37%, 0.2);
+  }
+}
+
+@media (min-width: 1024px) {
+  body {
+    display: flex;
+    place-items: center;
+  }
+
+  #app {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 0 2rem;
+  }
+}
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/AddressCard.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/AddressCard.vue"
new file mode 100644
index 0000000..0bf47b9
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/AddressCard.vue"
@@ -0,0 +1,35 @@
+<script setup>
+const props = defineProps(['address'])
+</script>
+
+<template>
+  <div class="card">
+        <div class="info">
+            <div class="name">{{ props.address.name }}</div>
+            <div class="tel">{{ props.address.phone }}</div>
+        </div>
+        <div class="address_text">{{ props.address.address_text }}</div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+.card {
+    margin: .18rem;
+    padding: .18rem;
+    background-color: $bgColor;
+    border-radius: .04rem;
+    font-size: .14rem;
+
+    .info {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: .08rem;
+        color: $light-fontColor;
+
+        div {
+            flex: 1;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/Tabbar.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/Tabbar.vue"
new file mode 100644
index 0000000..e715267
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/Tabbar.vue"
@@ -0,0 +1,67 @@
+<script setup>
+    // axios get tabbarList 
+    //数据
+    import { RouterLink } from 'vue-router';
+    import { ref } from 'vue';
+
+    const tabbarList = [
+        {icon: '&#xe651;', text: '首页', to: {path: '/home'}},
+        {icon: '&#xe690;', text: '购物车', to: {path: '/cart'}},
+        {icon: '&#xe655;', text: '订单', to: {path: '/order'}},
+        {icon: '&#xe60b;', text: '我的', to: {path: '/my'}},
+    ]
+
+    let page = ref(0)
+    const goindex = (index)=>{
+        page.value = index
+    }
+</script>
+<template>
+    <!-- 底部tabbar -->
+  <div class="tabbar">
+        <div class="tabbar_item" v-for="(item, index) in tabbarList" :key="index"
+        :class="{'tabbar_item--active' : page == index }"
+        >
+            <RouterLink :to="item.to" @click="goindex(index)">
+                <span class="iconfont" v-html="item.icon"></span>
+                <span class="tabbar_title">{{item.text}}</span>
+            </RouterLink>
+        </div>
+    </div>
+</template>
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+
+.tabbar {
+    width: 100%;
+    height: .49rem;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    border-top: .01rem solid $content_bgColor;
+    display: flex;
+
+    &_item {
+        width: 25%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        a {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            text-decoration: none;
+            color: $content_fontcolor;
+            
+        }
+        //活动样式
+        &--active {
+            a {
+                color: #1FA4FC;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/address/Address.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/address/Address.vue"
new file mode 100644
index 0000000..88d2496
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/address/Address.vue"
@@ -0,0 +1,35 @@
+<script setup>
+    const props = defineProps(['address'])
+</script>
+
+<template>
+  <div class="card" >
+      <div class="info">
+          <div class="name">{{address.name}}</div>
+          <div class="tel">{{address.phone}}</div>
+      </div>
+      <div class="address_text">{{address.address_text}}</div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+.card {
+    margin: .18rem;
+    padding: .18rem;
+    background-color: $bgColor;
+    border-radius: .04rem;
+    font-size: .14rem;
+
+    .info {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: .08rem;
+        color: $light-fontColor;
+
+        div {
+            flex: 1;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/cart/CartCard.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/cart/CartCard.vue"
new file mode 100644
index 0000000..97b737d
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/cart/CartCard.vue"
@@ -0,0 +1,95 @@
+<script setup>
+    import { computed } from 'vue';
+
+    const props =  defineProps(['shopCartInfo'])
+
+    const shopCartInfo = computed(()=>{
+        return props.shopCartInfo.list.filter(item => item.checked)
+    })
+
+    const count = computed(()=>{
+        return shopCartInfo.value.reduce((sum,item)=>sum+item.number,0)
+    })
+</script>
+
+<template>
+    <div class="card">
+        <div class="card_shop_name">{{shopCartInfo.name}}</div>
+        <div class="card_list" v-for="(item, index) in shopCartInfo" :key="index">
+            <div class="card_list_item">
+                <div class="card_list_item_img">
+                    <img :src="`http://www.dell-lee.com/imgs/vue3/${item.imgName}.png`" alt="">
+                </div>
+                <div class="card_list_item_content">
+                    <div class="card_list_item_content_title">{{item.title}}</div>
+                    <div class="card_list_item_content_price">
+                        <span class="highlight">￥{{item.price}} x {{item.number}}</span>
+                        <span  v-html="'￥'+(item.price * item.number).toFixed(2)"></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="card_total">共计{{count}}件</div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+@import "@/style/mixins.scss";
+.card {
+    margin: .18rem;
+    padding: .18rem;
+    background-color: $bgColor;
+
+    &_shop_name {
+        line-height: .42rem;
+        font-size: .16rem;
+        margin-bottom: .18rem;
+    }
+
+    &_list {
+        &_item {
+            display: flex;
+            margin-bottom: .18rem;
+
+            &_img {
+                width: .48rem;
+                margin-right: .18rem;
+                img {
+                    width: .48rem;
+                    height: .48rem;
+                }
+            }
+            &_content {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                justify-content: space-around;
+
+                &_title {
+                    font-size: .14rem;
+                    font-weight: bold;
+                    color: $content_fontcolor;
+                    @include ellipse;
+                }
+                &_price {
+                    display: flex;
+                    justify-content: space-between;
+
+                    .highlight {
+                        color: $hightlight-fontColor;
+                    }
+                }
+            }
+        }
+    }
+
+    &_total {
+        line-height: .26rem;
+        text-align: center;
+        font-size: .14rem;
+        color: $light-fontColor;
+        background-color: $search-bgColor;
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/home/ShopInfo.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/home/ShopInfo.vue"
new file mode 100644
index 0000000..12e9bc1
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/home/ShopInfo.vue"
@@ -0,0 +1,74 @@
+<script setup>
+    import {useRouter} from 'vue-router'
+
+    const props = defineProps(['item'])
+
+</script>
+
+<template>
+    <div class="shop"  v-for="(item, index) in props" :key="index">
+        <div class="shop_img">
+            <img src="http://www.dell-lee.com/imgs/vue3/near.png" alt="">
+        </div>
+        <div class="shop_content" >
+            <div class="shop_content_title">{{item.name}}</div>
+            <div class="shop_content_tags">
+                <span class="shop_content_tag">月售: {{item.sales}}</span>
+                <span class="shop_content_tag">起送: {{item.expressLimit}}</span>
+                <span class="shop_content_tag">基础运费: {{item.expressPrice}}</span>
+            </div>
+            <div class="shop_content_highlight">{{item.slogan
+}}</div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+.shop {
+    display: flex;
+    margin: .12rem 0;
+    min-height: .9rem;
+    border-bottom: solid .01rem $content_bgColor;
+
+    &_img {
+        display: flex;
+        align-items: center;
+        margin-right: .16rem;
+
+        img {
+            width: .56rem;
+            height: .56rem;
+        }  
+    }
+
+    &_content {
+        min-width: 2.67rem;
+        font-family: PingFangSC-Regular;
+        color: $content_fontcolor;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        &_title {
+            line-height: .22rem;
+            font-size: .16rem;
+            margin-bottom: .08rem;
+        }
+        &_tags {
+            font-size: .13rem;
+            margin-bottom: .08rem;
+        }
+        &_tag {
+            line-height: .18rem;
+            margin-right: .16rem;
+        }
+        &_highlight {
+            line-height: .18rem;
+            margin-right: .16rem;
+            color: #E93B3B;
+            margin-bottom: .08rem;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/order/OrderCard.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/order/OrderCard.vue"
new file mode 100644
index 0000000..92f1de1
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/order/OrderCard.vue"
@@ -0,0 +1,77 @@
+<script setup>
+    const props = defineProps(['item'])
+</script>
+
+<template>
+    <div class="card">
+        <div class="card_title">
+            <div class="name">{{item.shopName}}</div>
+            <div class="state">已下单</div>
+        </div>
+        <div class="card_content">
+            <div class="img_list">
+                <div class="img" v-for="(item, index) in item.shopCheckedList" :key="index">
+                    <img :src="`http://www.dell-lee.com/imgs/vue3/${item.imgName}.png`" alt="">
+                </div>
+            </div>
+            <div class="count">
+                <div class="price">￥{{item.total}}</div>
+                <div class="total_number">共{{item.count}}件</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+@import "@/style/mixins.scss";
+
+.card {
+    margin: .18rem;
+    padding: .18rem;
+    background-color: $bgColor;
+    border-radius: .04rem;
+
+    &_title {
+        display: flex;
+        justify-content: space-between;
+        font-size: .16rem;
+        .name {
+            color: $content-fontcolor;
+        }
+        .state {
+            color: $light-fontColor;
+        }
+    }
+
+    &_content {
+        display: flex;
+        margin-top: .18rem;
+        .img_list {
+            flex: 1;
+            display: flex;
+            .img {
+                margin-right: .08rem;
+                img {
+                    width: .4rem;
+                    height: .4rem;
+                    display: block;
+                }
+            }
+        }
+        .count {
+            width: .6rem;
+            text-align: right;
+            .price {
+                line-height: .2rem;
+                color: $hightlight-fontColor;
+            }
+            .total_number {
+                line-height: .14rem;
+                margin-top: .06rem;
+                font-size: .12rem;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/CartBottom.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/CartBottom.vue"
new file mode 100644
index 0000000..73a9dab
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/CartBottom.vue"
@@ -0,0 +1,283 @@
+<script setup>
+    import { useCartStore } from '@/stores/cart.js'
+    import {ref,computed} from 'vue'
+    import Product from '@/components/product/Product.vue'
+    import {useRouter} from 'vue-router';
+
+    const router = useRouter()
+    const porps = defineProps(['shopName'])
+    const cartStore = useCartStore()
+
+    //显示mask
+    const show = ref(false)
+
+    //当前商店
+    const shopCart = computed(()=>{
+        return cartStore.cartList.find(item => item.name === porps.shopName)
+    })
+    //商店内的全部商品
+    const shopCartList = computed(()=>{
+        if (shopCart.value) {
+            return shopCart.value.list
+        }else{
+            return[]
+        }
+    })
+
+    //商店内全部商品的数量
+    const shopCartCount = computed(()=>{
+        if (shopCart.value) {
+            return shopCartList.value.reduce((sum,item)=>{
+                return sum+item.number
+            },0)
+        }else{
+            return 0
+        }
+    })
+
+    //被选中的商品
+    const shopCheckList = computed(()=>{
+        if(shopCart.value){
+           return shopCart.value.list.filter(item => item.checked) 
+        }else{
+            return []
+        }
+    })
+
+    //被选中商品的数量 
+    const shopCheckListNumber = computed(()=>{
+            return shopCheckList.value.reduce((sum,item)=>sum+item.number,0)
+    })
+    
+    //按钮相互控制
+    const checkAll = computed({
+        get(){
+            //小控制大
+            return shopCartList.value.every(item => item.checked === true)
+        },
+        set(data){
+            //大控制小
+            shopCartList.value.forEach(item => {
+                item.checked = data
+            });
+        }
+    })
+    
+    //计算总价
+    const total = computed(()=>{
+        return shopCheckList.value.reduce((sum,item)=>sum + item.number * item.price,0).toFixed(2)
+    })
+
+    //清空购物车
+    const shopClean = ()=>{
+        shopCart.value.list.forEach(item => item.number = 0)
+        cartStore.cartList = cartStore.cartList.filter(item => item !== shopCart.value)
+    }
+
+    //结算跳转
+    const orderConfirm = ()=>{
+        router.push({
+            path:'/orderConfirm',
+            query:{
+                shopName:porps.shopName
+            }
+        })
+    }
+
+    
+</script>
+
+<template>
+    <div class="cart">
+        <div class="cart_mask" v-if="show" @click="show = !show"></div>
+        <div class="cart_product" v-if="show">
+            <div class="cart_product_header" v-if="shopCartCount>0">
+                <div class="cart_product_header_allChecked">
+                    <input type="checkbox" class="circle-checkbox" v-model="checkAll"> 全选
+                </div>
+                <div class="cart_product_header_clear" @click="shopClean">清空购物车</div>
+            </div>
+            <div class="cart_product_list">
+                <div class="cart_product_list_item" v-for="(item, index) in shopCartList" :key="index">
+                    <div class="checkbox">
+                        <!-- <input type="checkbox" class="circle-checkbox" :checked="item.checked" @change="changeChecked(item)" name="" id=""> -->
+                        <input type="checkbox" class="circle-checkbox" v-model="item.checked">
+                    </div>
+                    <div class="content">
+                        <Product :productInfo="item" min="min"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="cart_check">
+            <div class="cart_check_icon" @click="show=!show">
+                <img src="http://www.dell-lee.com/imgs/vue3/basket.png" alt="">
+                <span class="tag" v-show="shopCheckListNumber>0">{{shopCheckListNumber}}</span>
+            </div>
+            <div class="cart_check_empty" v-if="shopCartCount==0">购物车是空的</div>
+            <div class="cart_check_content" v-else>
+                <div class="cart_check_content_total_price">总计 : <span class="check_content_total_price_number">￥{{ total }}</span></div>
+                <div class="cart_check_content_submit" @click="orderConfirm">结算</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.cart {
+    &_mask {
+        position: absolute;
+        top: 0;
+        bottom: .5rem;
+        left: 0;
+        right: 0;
+        background-color: rgba($color: #000000, $alpha: .4);
+    }
+
+    &_product {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        bottom: .5rem;
+        background-color: $bgColor;
+
+        //圆形复选框
+        /* 设置选中背景 */
+        .circle-checkbox:checked {
+            background: #1673ff;
+        }
+
+        /* 设置复选框样式 */
+        .circle-checkbox {
+            width: .2rem;
+            height: .2rem;
+            background-color: #ffffff;
+            border: solid 1px $light-fontColor;
+            -webkit-border-radius: 50%;
+            border-radius: 50%;
+            font-size: 0.8rem;
+            margin: 0;
+            padding: 0;
+            position: relative;
+            display: inline-block;
+            vertical-align: top;
+            cursor: default;
+            -webkit-appearance: none;
+            -webkit-user-select: none;
+            user-select: none;
+        }
+
+        /* 设置伪类，即显现的对勾样式 */
+        .circle-checkbox:checked::after {
+            content: "";
+            top: 5px;
+            left: 4px;
+            position: absolute;
+            background: transparent;
+            border: #fff solid 2px;
+            border-top: none;
+            border-right: none;
+            height: 3px;
+            width: 8px;
+            -moz-transform: rotate(-45deg);
+            -ms-transform: rotate(-45deg);
+            -webkit-transform: rotate(-45deg);
+            transform: rotate(-45deg);
+        }
+
+        &_header {
+            padding: .18rem;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        &_list {
+            max-height: 3rem;
+            overflow-y: scroll;
+
+            &_item {
+                display: flex;
+
+                .checkbox {
+                    display: flex;
+                    align-items: center;
+                    margin-left: .18rem;  
+                }
+
+                .content {
+                    flex: 1;
+                    width: 100%;
+                }
+            }
+        }
+    }
+
+    &_check {
+        width: 100%;
+        height: .49rem;
+        border-top: .01rem solid $content-bgColor;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        display: flex;
+        // 购物车图标
+        &_icon {
+            width: .84rem;
+            height: .49rem;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            position: relative;
+            img {
+                 width: .28rem;
+                height: .26rem;
+            }
+
+            .tag {
+                display: inline-block;
+                width: .15rem;
+                height: .15rem;
+                border-radius: 50%;
+                background-color: $hightlight-fontColor;
+                color: $bgColor;
+                font-size: .1rem;
+                text-align: center;
+                position: absolute;
+                top: .05rem;
+                right: .18rem;
+            }
+           
+        }
+        // 空购物车
+        &_empty {
+            line-height: .49rem;
+        }
+        // 总价
+        &_content {
+            flex: 1;
+            display: flex;
+            position: relative;
+            width: 100%;
+
+            &_total_price {
+                flex: 1;
+                line-height: .49rem;
+                color: $hightlight-fontColor;
+
+                &_number {
+                    font-size: .18rem;
+                }
+            }
+            &_submit {
+                width: .98rem;
+                height: .49rem;
+                background-color: $btn-bgColor;
+                color: $bgColor;
+                text-align: center;
+                line-height: .49rem;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/Product.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/Product.vue"
new file mode 100644
index 0000000..0f9738e
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/components/product/Product.vue"
@@ -0,0 +1,135 @@
+<script setup>
+    //获取分类好的商品
+    import {useCartStore}  from '@/stores/cart.js'
+    const props = defineProps(['productInfo','shopName','min'])
+    const cartStore = useCartStore()
+
+    const addNumber = ()=>{
+        //number增加
+        props.productInfo.number ++
+        
+        //判断cartList里面是否有商店
+        let res = cartStore.cartList.find(item => item.name === props.shopName)
+
+        if(!res){
+            let cart = {name:'',list:[]}
+            cart.name = props.shopName
+            cart.list.push(props.productInfo) 
+            cartStore.cartList.push(cart)
+        }else{
+            let res1 = res.list.find(item => item.id === props.productInfo.id)
+            if(!res1){
+                res.list.push(props.productInfo)
+            }
+        }
+    }
+
+    const subNumber = ()=>{
+        //判断number大于0才进行减少
+        if(props.productInfo.number > 0){
+            props.productInfo.number --
+        }
+        if(props.productInfo.number === 0){
+           let res = cartStore.cartList.find(item => item.name === props.shopName) 
+           if(res){
+            res.list = res.list.filter(item => item.id !== props.productInfo.id)
+           }
+        }
+    }
+
+    
+</script>
+
+<template>
+    <div class="product">
+        <div :class="[props.min ? 'product_img--min' : 'product_img']"> 
+            <img :src="`http://www.dell-lee.com/imgs/vue3/${productInfo.imgName}.png`" alt="">
+        </div>
+        <div class="product_content">
+            <div class="product_content_title">{{productInfo.title}}</div>
+            <slot></slot>
+            <div class="product_content_price">￥{{productInfo.price}}<span class="product_content_old_price">￥{{productInfo.oldPrice}}</span></div>
+            
+        </div>
+        <div class="product_number">
+            <span class="product_number_minus" @click="subNumber">-</span>
+            {{productInfo.number}}
+            <span class="product_number_plus" @click="addNumber">+</span>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+@import '@/style/mixins.scss';
+.product {
+    padding: .18rem;
+    box-sizing: border-box;
+    display: flex;
+    position: relative;
+    border-bottom: .01rem solid $content-bgColor;
+
+    &_img {
+        width: .68rem;
+        margin-right: .18rem;
+
+        img {
+            width: .68rem;
+            height: .68rem;
+        }
+    }
+    &_img--min {
+        width: .48rem;
+        margin-right: .18rem;
+
+        img {
+            width: .48rem;
+            height: .48rem;
+        }
+    }
+    &_content {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        &_title {
+            font-size: .14rem;
+            font-weight: bold;
+            color: $content_fontcolor;
+            @include ellipse;
+        }
+        &_price {
+            color: $hightlight-fontColor;
+        }
+        &_old_price {
+            color: $light-fontColor;
+            text-decoration: line-through;
+        }
+    }
+    &_number {
+        position: absolute;
+        right: .18rem;
+        bottom: .18rem;
+
+        &_minus,&_plus {
+            display: inline-block;
+            width: .2rem;
+            height: .2rem;
+            border-radius: 50%;
+            font-size: .16rem;
+            text-align: center;
+        }
+        &_minus {
+            border: .01rem solid $medium-fontColor;
+            color: $medium-fontColor;
+            margin-right: .08rem;
+        }
+        &_plus {
+            background-color: $btn-bgColor;
+            color: $bgColor;
+            margin-left: .08rem;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/main.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/main.js"
new file mode 100644
index 0000000..0217da0
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/main.js"
@@ -0,0 +1,15 @@
+import './style/base.scss'
+import './style/iconfont.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/router/index.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/router/index.js"
new file mode 100644
index 0000000..11dd574
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/router/index.js"
@@ -0,0 +1,61 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import LayoutView from '@/views/layout/LayoutView.vue'
+import HomeView from '@/views/home/HomeView.vue'
+import CartView from '@/views/cart/CartView.vue'
+import MyView from '@/views/my/MyView.vue'
+import Product from '@/views/shop/ShopView.vue'
+import OrderConfirm from '@/views/order/OrderConfirm.vue'
+import AddressView from '@/views/address/AddressView.vue'
+import OrderView from '@/views/order/OrderView.vue'
+import CreateAddressView from '@/views/my/CreateAddressView.vue'
+
+const router = createRouter({
+  history:createWebHistory(),
+  routes:[
+    {
+      path:'/',
+      name:'LayoutView',
+      component:LayoutView,
+      redirect:'/home',
+      children:[
+        {
+          path:'/home',
+          name:'HomeView',
+          component:HomeView
+        },
+        {
+          path:'/cart',
+          name:'CartView',
+          component:CartView
+        },
+        {
+          path:'/my',
+          name:'MyView',
+          component:MyView
+        },{
+          path:'/order',
+          name:'OrderView',
+          component:OrderView
+        }
+      ]
+    },
+    {
+      path:'/shop',
+      name:'Product',
+      component:Product,
+    },{
+      path:'/orderConfirm',
+      component:OrderConfirm
+    },{
+      path:'/address',
+      component:AddressView
+    },{
+      path:'/createAddressView',
+      component:CreateAddressView
+    }
+  ]
+})
+
+
+
+export default router
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/cart.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/cart.js"
new file mode 100644
index 0000000..971340c
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/cart.js"
@@ -0,0 +1,10 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCartStore = defineStore('cart', () => {
+  const cartList = ref([])
+
+  return { cartList }
+})
+
+export default useCartStore
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/counter.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/counter.js"
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/counter.js"
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/order.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/order.js"
new file mode 100644
index 0000000..a38ebc0
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/order.js"
@@ -0,0 +1,10 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useOrderStore = defineStore('order', () => {
+  const orderList = ref([])
+
+  return { orderList }
+})
+
+export default useOrderStore
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/shop.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/shop.js"
new file mode 100644
index 0000000..416e441
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/shop.js"
@@ -0,0 +1,184 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useShopInfoStore = defineStore('shopinfo', () => {
+    // state() {
+    //   return {
+
+    //   }
+    // }
+    const nearbyList = ref([
+        {
+            id: 1,
+            name: "沃尔码", 
+            imgUrl: "http://www.dell-lee.com/imgs/vue3/near.png",
+            sales: 10000,
+            expressLimit: 0,
+            expressPrice: 5,
+            slogan: "VIP尊享满89元减4元运费券",
+            category: [
+              {
+                id: 11,
+                name: "新鲜水果",
+                list: [
+                  {
+                    id: 111,
+                    title: "番茄 250g / 份",
+                    imgName: "tomato",
+                    sales: 10,
+                    number: 0,
+                    checked: true,
+                    price: 3.6,
+                    oldPrice: 5.6
+                  },
+                  {
+                    id: 112,
+                    title: "车厘子 500g / 份",
+                    imgName: "cherry",
+                    sales: 10,
+                    number: 0,
+                    checked: true,
+                    price: 33.9,
+                    oldPrice: 39.9
+                  },
+                  {
+                    id: 113,
+                    title: "橙子 500g / 份",
+                    imgName: "orange",
+                    sales: 110,
+                    number: 0,
+                    checked: true,
+                    price: 12.9,
+                    oldPrice: 22.9
+                  }
+                ]
+              },
+              {
+                id: 12,
+                name: "海鲜水产",
+                list: [
+                  {
+                    id: 121,
+                    title: "帝王蟹 250g / 份",
+                    imgName: "crab",
+                    sales: 10,
+                    number: 0,
+                    checked: true,
+                    price: 99.9,
+                    oldPrice: 199.9
+                  }
+                ]
+              }
+            ],
+            cartList: []
+        },
+        {
+            id: 2,
+            name: "山姆会员商店", 
+            imgUrl: "http://www.dell-lee.com/imgs/vue3/near.png",
+            sales: 2000,
+            expressLimit: 0,
+            expressPrice: 5,
+            slogan: "联合利华洗护满10减5",
+            category: [
+              {
+                id: 21,
+                name: "新鲜水果",
+                list: [
+                  {
+                    id: 211,
+                    title: "番茄 250g / 份",
+                    imgName: "tomato",
+                    sales: 10,
+                    number: 0,
+                    checked: true,
+                    price: 3.6,
+                    oldPrice: 5.6
+                  },
+                  {
+                    id: 212,
+                    title: "桃子 500g / 份",
+                    imgName: "tomato",
+                    sales: 10,
+                    number: 0,
+                    checked: true,
+                    price: 33.9,
+                    oldPrice: 39.9
+                  },
+                  {
+                    id: 213,
+                    title: "橙子 500g / 份",
+                    imgName: "orange",
+                    sales: 110,
+                    number: 0,
+                    checked: true,
+                    price: 12.9,
+                    oldPrice: 22.9
+                  }
+                ]
+              },
+              {
+                id: 22,
+                name: "海鲜水产",
+                list: [
+                  {
+                    id: 221,
+                    title: "帝王蟹 250g / 份",
+                    imgName: "crab",
+                    sales: 9,
+                    number: 0,
+                    checked: true,
+                    price: 99.9,
+                    oldPrice: 199.9
+                  },
+                  {
+                    id: 222,
+                    title: "虾 250g / 份",
+                    imgName: "tomato",
+                    sales: 19,
+                    number: 0,
+                    checked: true,
+                    price: 39.9,
+                    oldPrice: 59.9
+                  }
+                ]
+              },
+              {
+                id: 23,
+                name: "零食小吃",
+                list: [
+                  {
+                    id: 231,
+                    title: "薯片 250g / 份",
+                    imgName: "tomato",
+                    sales: 20,
+                    number: 0,
+                    checked: true,
+                    price: 9.9,
+                    oldPrice: 19.9
+                  },
+                  {
+                    id: 232,
+                    title: "饼干 250g / 份",
+                    imgName: "tomato",
+                    sales: 10,
+                    number: 0,
+                    checked: true,
+                    price: 3.9,
+                    oldPrice: 5.9
+                  }
+                ]
+              }
+            ],
+            cartList: []
+        }
+      ])
+
+      //axios.get()
+
+    const handleClick = () => {
+      
+    }
+
+  return { nearbyList, handleClick }
+})
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/user.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/user.js"
new file mode 100644
index 0000000..620f285
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/stores/user.js"
@@ -0,0 +1,53 @@
+import { ref, computed, reactive } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useUserStore = defineStore('user', () => {
+  const userList = ref([
+    {
+        name: 'zhangsan',
+        password: '123',
+        id: '000001',
+        imgUrl: 'http://www.dell-lee.com/imgs/vue3/orange.png',
+        list: [
+            { title: '红包', content: 218},
+            { title: '优惠劵', content: '12张'},
+            { title: '红豆', content: 88},
+            { title: '白条', content: 1000}
+        ],
+        addressList: [
+            {
+                name: '小慕',
+                phone: 18611111111,
+                address_text: '北京 海淀区西三环北路2号院北京理工大学国防科技园2号楼10号'
+            },
+            {
+                name: '小可',
+                phone: 18622222222,
+                address_text: '北京 朝阳区北京工业大学3号楼303'
+            }
+        ],
+        currentAddress: null
+    },
+    {
+        name: 'admin',
+        password: '123',
+        id: '000002',
+        imgUrl: 'http://www.dell-lee.com/imgs/vue3/orange.png',
+        list: [
+            { title: '红包', content: 22},
+            { title: '优惠劵', content: '7张'},
+            { title: '红豆', content: 120},
+            { title: '白条', content: 2000}
+        ],
+        addressList: [],
+        currrentAddress: null
+    }
+  ]) 
+
+  //当前登录用户
+    const currentUserInfo = userList.value[0]
+
+  return { userList, currentUserInfo }
+})
+
+export default useUserStore
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/base.scss" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/base.scss"
new file mode 100644
index 0000000..b7d4aea
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/base.scss"
@@ -0,0 +1,17 @@
+html {
+    font-size: 100px;
+}
+
+body {
+    font-size: .12rem;
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    //去掉a标签点击背景颜色
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-user-select: none;
+    -moz-user-focus: none;
+    -moz-user-select: none;
+}
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/iconfont.css" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/iconfont.css"
new file mode 100644
index 0000000..4fa1b8f
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/iconfont.css"
@@ -0,0 +1,43 @@
+/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+@font-face {
+  font-family: 'iconfont';  /* Project id 3759887 */
+  src: url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff2?t=1669254870518') format('woff2'),
+       url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff?t=1669254870518') format('woff'),
+       url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.ttf?t=1669254870518') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-position:before {
+  content: "\e619";
+}
+
+.icon-bell:before {
+  content: "\e7e5";
+}
+
+.icon-wodedingdan:before {
+  content: "\e655";
+}
+
+.icon-dingdan:before {
+  content: "\e645";
+}
+
+.icon-home:before {
+  content: "\e651";
+}
+
+.icon-gouwuche:before {
+  content: "\e690";
+}
+
+.icon-wode:before {
+  content: "\e60b";
+}
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/mixins.scss" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/mixins.scss"
new file mode 100644
index 0000000..2b78818
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/mixins.scss"
@@ -0,0 +1,5 @@
+@mixin ellipse {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/viriables.scss" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/viriables.scss"
new file mode 100644
index 0000000..92b7969
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/style/viriables.scss"
@@ -0,0 +1,12 @@
+$content-fontcolor: #333;
+$medium-fontColor: #666;
+$light-fontColor: #999;
+$content-notice-fontcolor: #777;
+$content-bgColor: #F1F1F1;
+$search-bgColor: #F5F5F5;
+$search-fontColor: #B7B7B7;
+$hightlight-fontColor: #E93B3B;
+$btn-bgColor: #0091FF;
+$bgColor: #FFF;
+$dark-fontColor: #000;
+$dark-bgColor: #F8F8F8;
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/address/AddressView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/address/AddressView.vue"
new file mode 100644
index 0000000..4cd0f36
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/address/AddressView.vue"
@@ -0,0 +1,78 @@
+<script setup>
+    import AddressCard from '@/components/address/Address.vue'
+    import useUserStore from '@/stores/user.js'
+    import { computed } from 'vue'
+    import { useRouter } from 'vue-router'
+
+    const user = useUserStore()
+    const router = useRouter()
+    const userList = computed(()=>{
+        return user.userList.find(item => item.name === 'zhangsan')
+    })
+
+    //对用户数据库内的选中地址数据库进行赋值
+    const onAddress = (index)=>{
+        userList.value.currentAddress = userList.value.addressList[index]
+        router.go(-1)
+    }
+
+    //点击跳转到新建地址页面
+    const goAddAddress = ()=>{
+        router.push({
+            path:'/createAddressView'
+        })
+    }
+
+    //点击放回按钮回到地址页面或者订单页面
+    const goOrderOrAddress = ()=>{
+        router.go(-1)
+    }
+    
+</script>
+
+<template>
+  <div class="address_list">
+        <div class="address_list_header">
+            <span class="iconfont title_back" @click="goOrderOrAddress">&#xe697;</span>
+            <div class="title_text">收货地址</div>
+            <div class="create" @click="goAddAddress">新建</div>
+       </div>
+        <div class="address_list_content">
+            <div class="address_list_content_item" v-for="(item, index) in userList.addressList" :key="index" @click="onAddress(index)">
+                <AddressCard :address="item" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.address_list {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: $dark-bgColor;
+    overflow-y: scroll;
+
+    &_header {
+        padding: .08rem .18rem;
+        font-size: .16rem;
+        color: $content-fontcolor;
+        text-align: center;
+        line-height: .24rem;
+        background-color: $bgColor;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    &_content {
+        margin-top: .58rem;
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/cart/CartView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/cart/CartView.vue"
new file mode 100644
index 0000000..cecc3fa
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/cart/CartView.vue"
@@ -0,0 +1,60 @@
+<script setup>
+  import CartCard from '@/components/cart/CartCard.vue'
+  import useCartStore from '@/stores/cart'
+  import { useRouter } from 'vue-router'
+  
+  const router = useRouter()
+  const cartStore = useCartStore()
+  
+  const orderConfirm = (name)=>{
+    router.push({
+      path:'/orderConfirm',
+      query:{
+        shopName:name
+      }
+    })
+  }
+</script>
+
+<template>
+  <div class="cart_list">
+      <div class="cart_list_header">我的全部购物车
+        <span>({{cartStore.cartList.length}})</span>
+      </div>
+      <div class="cart_list_content" v-for="(item, index) in cartStore.cartList" :key="index">
+          <div class="cart_list_content_item">
+              <CartCard :shopCartInfo = "item" @click="orderConfirm(item.name)"/>
+          </div>
+      </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.cart_list {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: .5rem;
+  background-color: $dark-bgColor;
+  overflow-y: scroll;
+
+  &_header {
+      padding: .08rem .18rem;
+      font-size: .16rem;
+      color: $content-fontcolor;
+      text-align: center;
+      line-height: .24rem;
+      background-color: $bgColor;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+  }
+
+  &_content {
+      margin-top: .58rem;
+  }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/HomeView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/HomeView.vue"
new file mode 100644
index 0000000..4d62cc3
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/HomeView.vue"
@@ -0,0 +1,23 @@
+<script setup>
+import StaticPartView from './StaticPartView.vue'
+import NearByView from './NearByView.vue'
+</script>
+
+<template>
+  <div class="home">
+    <StaticPartView></StaticPartView>
+    <NearByView></NearByView>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.home {
+  overflow-y: auto;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: .5rem;
+  padding: 0 .18rem .1rem .18rem;
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/NearByView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/NearByView.vue"
new file mode 100644
index 0000000..6f728e5
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/NearByView.vue"
@@ -0,0 +1,37 @@
+<script setup>
+    import {useShopInfoStore}  from '@/stores/shop.js'
+    import { RouterLink } from 'vue-router'
+    import ShopInfo from '@/components/home/ShopInfo.vue'
+
+    const shopInfo = useShopInfoStore()
+
+    let list = shopInfo.nearbyList
+</script>
+
+<template>
+    <!-- 附近店铺 -->
+    <div class="nearby">
+        <h3 class="nearby_title">附近店铺</h3>
+        <RouterLink v-for="item in list" :to="{path:'/shop',query:{id:item.id}}">
+            <ShopInfo :item="item"></ShopInfo>
+        </RouterLink>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+.nearby {
+    &_title {
+        margin: .16rem 0;
+        font-size: .18rem;
+        font-family: PingFangSC-Medium;
+        font-weight: normal;
+        line-height: .25rem;
+        color: $content_fontcolor;
+    }
+
+    a {
+        text-decoration: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/StaticPartView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/StaticPartView.vue"
new file mode 100644
index 0000000..7ce4007
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/home/StaticPartView.vue"
@@ -0,0 +1,115 @@
+<script setup>
+const iconList = [
+    { imgName: "超市", desc: "超市便利" },
+    { imgName: "菜市场", desc: "菜市场" },
+    { imgName: "水果店", desc: "水果店" },
+    { imgName: "鲜花", desc: "鲜花绿植" },
+    { imgName: "医药健康", desc: "医药健康" },
+    { imgName: "家居", desc: "家居时尚" },
+    { imgName: "蛋糕", desc: "烘培蛋糕" },
+    { imgName: "签到", desc: "签到" },
+    { imgName: "大牌免运", desc: "大牌免运" },
+    { imgName: "红包", desc: "红包套餐" }
+]
+</script>
+
+<template>
+  <div class="position">
+        <span class="position_name">北京理工大学国防科技园2号楼10层</span>
+    </div>
+    <div class="search">
+        <span class="search_text">山姆会员商店优惠商品</span>
+    </div>
+    <div class="banner">
+        <img src="http://www.dell-lee.com/imgs/vue3/banner.jpg" alt="" class="banner_img">
+    </div>
+
+    <div class="icon_list">
+        <div class="icon_item" v-for="item in iconList" :key="item.imgName">
+            <img class="icon_item_img" :src="`http://www.dell-lee.com/imgs/vue3/${item.imgName}.png`" alt="">
+            <p class="icon_item_desc">{{ item.desc }}</p>
+        </div>
+    </div>
+    <div class="gap"></div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/mixins.scss';
+@import '@/style/viriables.scss';
+
+//定位
+.position {
+    position: relative;
+    display: flex;
+    align-items: center;
+    line-height: .22rem;
+    font-size: .16rem;
+    padding: .16rem .24rem .16rem 0;
+    
+    .position_icon {
+        font-size: .2rem;
+    }
+    &_name {
+        @include ellipse;
+        margin-left: .08rem;
+        color: $content-fontcolor;
+    }
+    .position_notice {
+        position: absolute;
+        right: 0;
+        font-size: .2rem;
+    }
+}
+
+//搜索
+.search {
+    margin-bottom: .16rem;
+    padding-left: .16rem;
+    line-height: .32rem;
+    background-color: #F5F5F5;
+    border-radius: .16rem;
+
+    &_text {
+        margin-left: .12rem;
+        font-size: .14rem;
+        font-family: PingFangSC-Regular;
+        color: #B7B7B7;
+    }
+}
+
+//banner
+.banner {
+    &_img {
+        width: 100%;
+    }
+}
+
+//图标列表
+.icon_list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: .16rem;
+
+    .icon_item {
+        width: 20%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        &_img {
+            width: .4rem;
+            height: .4rem;
+        }
+        &_desc {
+            margin: .06rem 0 .16rem 0;
+        }
+    } 
+}
+
+//分割线
+.gap {
+    height: .1rem;
+    background-color: #F1F1F1;
+    margin: 0 -0.18rem;
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/layout/LayoutView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/layout/LayoutView.vue"
new file mode 100644
index 0000000..a59e12a
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/layout/LayoutView.vue"
@@ -0,0 +1,13 @@
+<script setup>
+    import {RouterView} from 'vue-router'
+    import Tabbar from '@/components/Tabbar.vue'
+</script>
+
+<template>
+        <!-- 展示区 -->
+        <RouterView />
+        <!-- 导航区 -->
+        <Tabbar></Tabbar>
+</template>
+
+<style scoped></style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/CreateAddressView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/CreateAddressView.vue"
new file mode 100644
index 0000000..f78bf85
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/CreateAddressView.vue"
@@ -0,0 +1,123 @@
+<script setup>
+    import { ref } from 'vue'
+    import { useRouter } from 'vue-router'
+    const router = useRouter()
+
+    //获取user数据库
+    import useUserStore from '@/stores/user.js'
+    const user = useUserStore()
+
+    //获取input填写的数据
+    const city = ref('')
+    const area = ref('')
+    const house = ref('')
+    const name = ref('')
+    const number = ref('')
+
+    //点击保存按钮对user数据库进行添加地址数据
+    const AddAddress = ()=>{
+        //创建地址数据库内的对象格式
+        const userAdd = {
+            name:'',
+            phone:'',
+            address_text:''
+        }
+        //对格式进行赋值
+        userAdd.name = name.value
+        userAdd.phone = number.value
+        userAdd.address_text = city.value + ' ' + area.value + house.value 
+
+        //将格式数据对user数据库进行赋值
+        user.currentUserInfo.addressList.push(userAdd)
+        
+        //放回地址页面
+        router.go(-1)
+    }
+
+    //点击放回按钮放回地址页面
+    const goAddress = ()=>{
+        router.go(-1)
+    }
+    
+</script>
+
+<template>
+  <div class="create_address">
+        <div class="create_address_header">
+            <span class="iconfont title_back" @click="goAddress">&#xe697;</span>
+            <div class="title_text">新建收货地址</div>
+            <div class="save" @click="AddAddress">保存</div>
+       </div>
+        <div class="create_address_form">
+            <div class="form_item">
+                <div class="form_item_label">所在城市:</div>
+                <input type="text" class="form_item_content" placeholder="如北京市" v-model="city">
+            </div>
+            <div class="form_item">
+                <div class="form_item_label">小区/大厦/学校:</div>
+                <input type="text" class="form_item_content" placeholder="如理工大学国防科技园" v-model="area">
+            </div>
+            <div class="form_item">
+                <div class="form_item_label">楼号-门牌号:</div>
+                <input type="text" class="form_item_content" placeholder="如A号楼B层" v-model="house">
+            </div>
+            <div class="form_item">
+                <div class="form_item_label">收货人:</div>
+                <input type="text" class="form_item_content" placeholder="请填写收货人姓名" v-model="name">
+            </div>
+            <div class="form_item">
+                <div class="form_item_label">联系电话:</div>
+                <input type="text" class="form_item_content" placeholder="请填写收货手机号" v-model="number">
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.create_address {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: $dark-bgColor;
+    overflow-y: scroll;
+
+    &_header {
+        padding: .08rem .18rem;
+        font-size: .16rem;
+        color: $content-fontcolor;
+        text-align: center;
+        line-height: .24rem;
+        background-color: $bgColor;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    &_form {
+        margin-top: .4rem;
+        padding: 0 .18rem;
+        background-color: $bgColor;
+        font-size: .14rem;
+
+        .form_item {
+            display: flex;
+            padding: .12rem;
+            line-height: .2rem;
+            border-top: .01rem solid $content-bgColor;
+
+            &_content {
+                flex: 1;
+                margin-left: .08rem;
+                border: none;
+                outline: none;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/MyView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/MyView.vue"
new file mode 100644
index 0000000..d6c9de3
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/my/MyView.vue"
@@ -0,0 +1,187 @@
+<script setup>
+    import {useRouter} from 'vue-router'
+    const router = useRouter()
+
+    //获取user数据库内的卡包数据和用户名、ID
+    import useUserStore from '@/stores/user'
+    const user = useUserStore()
+    const Card = user.currentUserInfo
+
+    //跳转到地址页面
+    const goAddress = ()=>{
+        router.push({
+            path:'/address'
+        })
+    }
+</script>
+
+<template>
+  <div class="my">
+        <div class="header">
+            <div class="person">
+                <!-- 头像 -->
+                <div class="person_avatar">
+                    <img :src="`${Card.imgUrl}`" alt="">
+                </div>
+                <!-- 个人信息 -->
+                <div class="person_info">
+                    <div class="person_info_name">{{Card.name}}</div>
+                    <div class="person_info_id">ID: {{Card.id}}</div>
+                </div>
+                <!-- 列表信息 -->
+                <div class="person_message">
+                    <div class="person_message_item" v-for="(item, index) in Card.list" :key="index">
+                        <div class="person_message_item_title">{{item.title}}</div>
+                        <div class="person_message_item_content">{{item.content}}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list">
+            <!-- 功能列表 -->
+            <div class="list_item">
+                <span class="iconfont list_item_icon list_item_wallet">&#xe631;</span>
+                <div class="list_item_message">我的钱包</div>
+                <span class="iconfont list_item_arrow">&#xe8f1;</span>
+            </div>
+            <div class="list_item">
+                <span class="iconfont list_item_icon list_item_address">&#xe60d;</span>
+                <div class="list_item_message" @click="goAddress">我的地址</div>
+                <span class="iconfont list_item_arrow">&#xe8f1;</span>
+            </div>
+            <div class="list_item">
+                <span class="iconfont list_item_icon list_item_help">&#xe616;</span>
+                <div class="list_item_message">客服与帮助</div>
+                <span class="iconfont list_item_arrow">&#xe8f1;</span>
+            </div>
+        </div>
+        <div class="logout">退出登录</div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import '@/style/viriables.scss';
+.my {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+
+    .header {
+        position: relative;
+        height: 2.5rem;
+        background-image: linear-gradient(239deg, #3A6FF3 0%, #50C7FB 100%);
+        border-radius: 0 0 35% 35%;
+
+        .person {
+            position: absolute;
+            top: 1rem;
+            left: .18rem;
+            right: .18rem;
+            background-color: $bgColor;
+            padding-top: .6rem;
+            border-radius: .08rem;
+            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .08);
+            //头像
+            &_avatar {
+                position: absolute;
+                left: 50%;
+                top: -0.47rem;
+                transform: translateX(-50%);
+                border-radius: 50%;
+                overflow: hidden;
+                z-index: 1;
+
+                img {
+                    width: .94rem;
+                    height: .94rem;
+                    display: block;
+                }
+            }
+            //个人信息
+            &_info {
+                border-bottom: .01rem solid $content_bgColor;
+                padding: .16rem 0;
+
+                &_name {
+                  line-height: .36rem;
+                  text-align: center;
+                  font-size: .24rem;
+                  color: #262628;
+                }
+                &_id {
+                    text-align: center;
+                    font-size: .14rem;
+                    color: #C1C0C9;
+                }
+            }
+            //列表信息
+            &_message {
+                padding: .16rem .28rem;
+                display: flex;
+
+                &_item {
+                    flex: 1;
+                    text-align: center;
+
+                    &_title {
+                        color: #C1C0C9;
+                    }
+                    &_content {
+                        font-size: .2rem;
+                        color: #262628;
+                        margin-top: .03rem;
+                    }
+                }
+            }
+        }
+    }
+
+    .list {
+        margin: 1rem .18rem 0 .18rem;
+        border-radius: .08rem;
+        box-shadow: 0 .0 .16rem .08rem rgba(0, 0, 0, .08);
+
+        &_item {
+            display: flex;
+            align-items: center;
+            padding: .12rem .16rem;
+            //图标
+            &_icon {
+                font-size: .16rem;
+                padding: .03rem;
+                color: $bgColor;
+                border-radius: .08rem;
+                margin-right: .16rem;
+
+            }
+            // 钱包
+            &_wallet {
+                background-color: #ED4A47;
+            }
+            // 地址
+            &_address {
+                background-color: #32C5FF;
+            }
+            //客服与帮助
+            &_help {
+                background-color: #9013FE;
+            }
+            //文字
+            &_message {
+                flex: 1;
+                font-size: .14rem;
+            }
+        }
+    }
+
+    .logout {
+        margin: .18rem;
+        line-height: .32rem;
+        background-color: $btn_bgColor;
+        color: $bgColor;
+        text-align: center;
+        border-radius: .04rem;
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderConfirm.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderConfirm.vue"
new file mode 100644
index 0000000..eb0f32a
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderConfirm.vue"
@@ -0,0 +1,299 @@
+<script setup>
+    import {computed, ref} from 'vue'
+    import {useRoute,useRouter} from 'vue-router'
+
+    const route = useRoute()
+    const router = useRouter()
+
+    import CartCard from '@/components/cart/CartCard.vue'
+
+    //获取存储点击地址的数据库
+    import useUserStore from '@/stores/user.js'
+    const curradd = useUserStore()
+
+    //获取订单内的数据库
+    import useOrderStore from '@/stores/order.js'   
+    const orderSrore = useOrderStore()
+
+    //获取购物车数据库
+    import useCartStore from '@/stores/cart.js'
+    const cartSrore = useCartStore()
+
+    //点击放回商店
+    const goshop = ()=>{
+        router.go(-1)
+    }
+
+    //获取购物车全部购物车的商品
+    const shopCart = computed(()=>{
+        return cartSrore.cartList.find(item => item.name === route.query.shopName)
+    })
+
+    //获取选中的商品
+    const shopCheckList = computed(()=>{
+        if (shopCart.value) {
+            return shopCart.value.list.filter(item => item.checked)
+        }else{
+            return []
+        }
+    })
+
+    //计算选中商品的总价
+    const total = computed(()=>{
+        return shopCheckList.value.reduce((sum,item) => sum + item.price * item.number,0).toFixed(2)
+    })
+
+    //获取选中商品的总数量
+    const count = computed(()=>{
+        return shopCheckList.value.reduce((sum,item) => sum+item.number,0)
+    })
+
+
+    //提交订单
+    const show = ref(false)
+
+    //跳转地址
+    const addressShow = ()=>{
+        router.push({
+            path:'/address'
+        })
+    }
+
+    //获取点击的地址
+    const currentAddress = computed(()=>{
+        return curradd.currentUserInfo.currentAddress
+    })
+
+    //点击确认按钮
+    const offOrder = ()=>{
+        //定义订单的结构
+        const order = {
+            //用户名称
+            user:'',
+            //商店名称
+            shopName:'',
+            //购物车内选中的商品数据
+            shopCheckedList:[],
+            //购物车内选中的商品总价格
+            total:'',
+            //购物车内选中的商品总数量
+            count:'',
+        }
+
+        //对订单的结构进行赋值
+        order.user = 'zhangsan'
+        order.shopName = route.query.shopName
+        order.shopCheckedList = shopCheckList.value
+        order.total = total.value
+        order.count = count.value
+
+        //将订单结构内的数据赋值到订单数据库内
+        orderSrore.orderList.push(order)
+
+        //跳转到订单页面
+        router.push({
+            path:'/order',
+        })
+
+        //将购物车所有商品内的数量变为0，并将这个购物车删除
+            //将商品数量为0 
+            shopCart.value.list.forEach(item => item.number = 0 )
+            //将购物车删除
+            cartSrore.cartList = cartSrore.cartList.filter(item => item.name != route.query.shopName)
+    }
+
+</script>
+
+<template>
+    <div class="order_confirmation">
+        <div class="order_confirmation_header">
+            <div class="order_confirmation_header_title">
+                <span class="iconfont title_back" @click="goshop">&#xe697;</span>
+                <div class="title_text">确定订单</div>
+            </div>
+            <div class="order_confirmation_header_address" >
+                <div class="address_title">收货地址</div>
+                <div class="current_address" @click="addressShow">
+                    <div class="current_address_info" v-if="currentAddress">
+                        <div>{{currentAddress.address_text}}</div>
+                        <div>{{currentAddress.name}}</div><div>{{currentAddress.phone}}</div>
+                    </div>
+                    <div class="current_address_info" v-else>暂无收货地址</div>
+                    <div class="iconfont current_address_icon" >&#xe697;</div>
+                </div>
+            </div>
+        </div>
+        <div class="order_confirmation_content" v-if="shopCart">
+            <CartCard :shopCartInfo="shopCart"/>
+        </div>
+        <div class="order_confirmation_footer">
+            <div class="total_price">实付金额: <b>￥{{ total }}</b></div>
+            <div class="submit" v-if="currentAddress" @click="show=!show">提交订单</div>
+        </div>
+        <!-- 蒙层 -->
+        <div class="mask" v-if="show">
+            <div class="mask_content">
+                <div class="mask_content_title">确认要离开收银台?</div>
+                <div class="mask_content_desc">请尽快完成支付,否则将被取消</div>
+                <div class="mask_content_btn">
+                    <div class="btn cancel" @click="show = false">取消订单</div>
+                    <div class="btn confirm" @click="offOrder">确定支付</div>
+                </div>
+            </div>
+        </div>
+    </div>  
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.order_confirmation {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: #eee;
+
+    &_header {
+        padding: .18rem;
+        height: 1.6rem;
+        background-image: linear-gradient(0deg, rgba(0, 145, 255, 0.00) 4%, #0091FF 50%);
+        background-size: 100% 1.6rem;
+        background-repeat: no-repeat;
+        
+        &_title {
+            display: flex;
+            color: $bgColor;
+            
+            .title_back {
+                font-size: .22rem;
+            }
+            .title_text {
+                flex: 1;
+                text-align: center;
+                font-size: .16rem;
+            }
+        }
+        &_address {
+            padding: .18rem;
+            background-color: $bgColor;
+            margin-top: .28rem;
+            line-height: .22rem;
+            font-size: .16rem;
+            color: $content_fontcolor;
+            border-radius: .04rem;
+            .address_title {
+                margin-bottom: .18rem;
+            }
+            .current_address {
+                display: flex;
+                justify-content: space-between;
+
+                &_info {
+                    div:last-child {
+                        font-size: .12rem;
+                    }
+                }
+
+                &_icon {
+                    transform: rotate(180deg);
+                    margin-right: .08rem;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                }
+            }
+        }
+    }
+
+    &_content {
+        width: 100%;
+        position: absolute;
+        top: 2rem;
+        bottom: .5rem;
+        box-sizing: border-box;
+        overflow-y: scroll;
+    }
+
+    &_footer {
+        height: .5rem;
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: $bgColor;
+        line-height: .5rem;
+        display: flex;
+        
+        .total_price {
+            flex: 1;
+            padding-left: .18rem;
+        }
+        .submit {
+            width: 1rem;
+            height: .5rem;
+            background-color: $btn-bgColor;
+            color: $bgColor;
+            text-align: center;
+            font-size: .14rem;
+        }
+    }
+
+    // 蒙层
+    .mask {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 999;
+        background-color: rgba($color: #000000, $alpha: .5);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        &_content {
+            width: 80%;
+            padding: .24rem;
+            box-sizing: border-box;
+            background-color: $bgColor;
+            border-radius: .04rem;
+            text-align: center;
+
+            &_title {
+                font-size: .18rem;
+                font-weight: bold;
+                color: $content_fontcolor;
+            }
+            &_desc {
+                margin: .12rem 0;
+                line-height: .2rem;
+                font-size: .14rem;
+                color: $medium-fontColor;
+            }
+            &_btn {
+                display: flex;
+                justify-content: center;
+
+                .btn {
+                    width: .8rem;
+                    height: .32rem;
+                    border-radius: .24rem;
+                    font-size: .14rem;
+                    line-height: .32rem;
+                }
+                .cancel {
+                    margin-right: .12rem;
+                    border: solid .01rem $btn-bgColor;
+                    color: $btn-bgColor;
+                }
+                .confirm {
+                    background-color: $btn-bgColor;
+                    color: $bgColor;
+                }
+            }
+        }
+    }
+}
+
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderView.vue"
new file mode 100644
index 0000000..847c2aa
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/order/OrderView.vue"
@@ -0,0 +1,55 @@
+<script setup>
+    import { computed } from 'vue';
+    import OrderCard from '@/components/order/OrderCard.vue'
+
+    //获取订单数据库
+    import useOrderStore from '@/stores/order';
+    const orderStore = useOrderStore()
+
+    //获取订单数据库内的每个购物车商品数据
+    const currentUserOrderList = computed(()=>{
+        return orderStore.orderList.filter(item => item.user === 'zhangsan')
+    }) 
+
+</script>
+
+<template>
+        <div class="order_list">
+        <div class="order_list_header">我的订单</div>
+        <div class="order_list_content">
+            <div class="order_list_content_item" v-for="(item, index) in currentUserOrderList" :key="index">
+                <OrderCard :item="item" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.order_list {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: .5rem;
+    background-color: $dark-bgColor;
+    overflow-y: scroll;
+
+    &_header {
+        padding: .08rem .18rem;
+        font-size: .16rem;
+        color: $content-fontcolor;
+        text-align: center;
+        line-height: .24rem;
+        background-color: $bgColor;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+    }
+
+    &_content {
+        margin-top: .58rem;
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/shop/ShopView.vue" "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/shop/ShopView.vue"
new file mode 100644
index 0000000..5bbad0b
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/src/views/shop/ShopView.vue"
@@ -0,0 +1,152 @@
+<script setup>
+    import {useShopInfoStore}  from '@/stores/shop.js'
+    import Product from '@/components/product/Product.vue'
+    import ShopInfo from '@/components/home/ShopInfo.vue'
+    import {useRouter,useRoute} from 'vue-router'
+    import {ref,computed} from 'vue'
+
+    import CartBottom from '@/components/product/CartBottom.vue'
+    const router = useRouter()
+    const route = useRoute()
+    const gohome = ()=>{
+        router.go(-1)
+    }
+
+    const shopInfo = useShopInfoStore()
+    let list = shopInfo.nearbyList
+
+    //获取进来商店的id
+    let id = route.query.id
+
+    //商店内的全部商品对象
+    const listid = ref([])
+     listid.value = list.find(item=>{
+        return item.id == id
+    })
+
+    //获取点击分类的id，初始为0
+    let shopId = ref(0)
+    const all = (id)=>{
+        shopId.value = id
+    }
+
+    
+    const listList = computed(()=>{
+        let arr = []
+        if (shopId.value === 0) {
+            listid.value.category.forEach(item => {
+               arr = [...arr,...item.list]
+            })
+            return arr
+        }else{
+            arr = listid.value.category.find(item => item.id === shopId.value)
+            return arr.list
+        }
+    })
+
+</script>
+
+<template>
+    <div class="shop">
+        <!-- 搜索 -->
+        <div class="search">
+            <span class="iconfont search_back" @click='gohome'>&#xe697;</span>
+            <div class="search_content">
+                <span class="iconfont search_content_icon">&#xe632;</span>
+                <input type="text" class="search_content_input" placeholder="请输入商品名称">
+            </div>
+        </div>
+        <!-- 商店信息 -->
+        <div class="shop_info">
+            <shopInfo :item="listid"></shopInfo>
+        </div>
+        <!-- 内容 -->
+        <div class="content">
+            <div class="category">
+                <div class="category_item " @click="all(0)"
+                :class="{'category_item--active' :shopId===0}">全部商品</div>
+                <div class="category_item" v-for="(item, index) in listid.category" :key="index" @click="all(item.id)"
+                :class="{'category_item--active' :shopId===item.id}">{{item.name}}</div>
+            </div>
+            <div class="product">
+                <div v-for="item in listList">
+                    <Product :productInfo="item" :shopName="listid.name"></Product>
+                </div>
+            </div>
+        </div>
+        <!-- 购物车底部 -->
+        <CartBottom :shopName="listid.name"></CartBottom>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "@/style/viriables.scss";
+.shop {
+    //搜索
+    .search {
+        margin: .18rem;
+        display: flex;
+        align-items: center;
+
+        &_back {
+            font-size: .24rem;
+            margin-right: .08rem;
+            color: #b6b6b6;
+        }
+        &_content {
+            flex: 1;
+            height: .32rem;
+            background-color: #f5f5f5;
+            border-radius: .16rem;
+            display: flex;
+            align-items: center;
+
+            &_icon {
+                color: #b6b6b6;
+                margin: 0 .12rem;
+            }
+            &_input {
+                border: none;
+                outline: none;
+                background: none;
+                width: 100%;
+                height: .32rem;
+            }
+        }
+    }
+    //商店信息
+    .shop_info {
+        margin: 0 .18rem;
+    }
+    // 内容
+    .content {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 1.7rem;
+        bottom: .5rem;
+        display: flex;
+
+        .category {
+            overflow-y: scroll;
+            width: .78rem;
+            background-color: #f5f5f5;
+
+            &_item {
+                line-height: .4rem;
+                font-size: .14rem;
+                text-align: center;
+                color: $content_fontcolor;
+
+                &--active {
+                    background-color: $bgColor;
+                }
+            }
+        }
+        .product {
+            flex: 1;
+            overflow-y: scroll;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/test.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/test.js"
new file mode 100644
index 0000000..a79b5f1
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/test.js"
@@ -0,0 +1,5 @@
+let list = [1,2,3]
+let list1 = [44,55]
+
+let arr = [...list,...list]
+console.log(arr)
\ No newline at end of file
diff --git "a/\351\231\210\346\226\260\346\210\220/jingdong1/vite.config.js" "b/\351\231\210\346\226\260\346\210\220/jingdong1/vite.config.js"
new file mode 100644
index 0000000..5c45e1d
--- /dev/null
+++ "b/\351\231\210\346\226\260\346\210\220/jingdong1/vite.config.js"
@@ -0,0 +1,16 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+})
-- 
Gitee