From 89b71bc11c8e2acc2ad71b24ecf70040be4cb609 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= <790604007@qq.com> Date: Tue, 18 Apr 2023 08:44:15 +0000 Subject: [PATCH 1/5] =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韦绍严 <790604007@qq.com> --- "\344\275\234\344\270\232/p/index.html" | 25 +++ "\344\275\234\344\270\232/p/src/App.vue" | 49 +++++ .../p/src/assets/base.css" | 74 +++++++ .../p/src/assets/main.css" | 35 ++++ .../p/src/components/gwc/bottom.vue" | 41 ++++ .../p/src/components/gwc/goods.vue" | 183 ++++++++++++++++++ .../p/src/components/gwc/top.vue" | 54 ++++++ .../p/src/components/icons/IconCommunity.vue" | 7 + .../components/icons/IconDocumentation.vue" | 7 + .../p/src/components/icons/IconEcosystem.vue" | 7 + .../p/src/components/icons/IconSupport.vue" | 7 + .../p/src/components/icons/IconTooling.vue" | 19 ++ "\344\275\234\344\270\232/p/src/main.js" | 5 + 13 files changed, 513 insertions(+) create mode 100644 "\344\275\234\344\270\232/p/index.html" create mode 100644 "\344\275\234\344\270\232/p/src/App.vue" create mode 100644 "\344\275\234\344\270\232/p/src/assets/base.css" create mode 100644 "\344\275\234\344\270\232/p/src/assets/main.css" create mode 100644 "\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/gwc/goods.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/gwc/top.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" create mode 100644 "\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" create mode 100644 "\344\275\234\344\270\232/p/src/main.js" diff --git "a/\344\275\234\344\270\232/p/index.html" "b/\344\275\234\344\270\232/p/index.html" new file mode 100644 index 0000000..19d69c3 --- /dev/null +++ "b/\344\275\234\344\270\232/p/index.html" @@ -0,0 +1,25 @@ + + + + + + + Your shopping cart + + +
+ + + + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/p/src/App.vue" "b/\344\275\234\344\270\232/p/src/App.vue" new file mode 100644 index 0000000..bd59b5c --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/App.vue" @@ -0,0 +1,49 @@ + + + + + diff --git "a/\344\275\234\344\270\232/p/src/assets/base.css" "b/\344\275\234\344\270\232/p/src/assets/base.css" new file mode 100644 index 0000000..71dc55a --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/assets/base.css" @@ -0,0 +1,74 @@ +/* color palette from */ +: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; + position: relative; + 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/\344\275\234\344\270\232/p/src/assets/main.css" "b/\344\275\234\344\270\232/p/src/assets/main.css" new file mode 100644 index 0000000..e8667cd --- /dev/null +++ "b/\344\275\234\344\270\232/p/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; +} + +@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/\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" "b/\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" new file mode 100644 index 0000000..ba102d3 --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" @@ -0,0 +1,41 @@ + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/p/src/components/gwc/goods.vue" "b/\344\275\234\344\270\232/p/src/components/gwc/goods.vue" new file mode 100644 index 0000000..b48aa1b --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/gwc/goods.vue" @@ -0,0 +1,183 @@ + + + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/p/src/components/gwc/top.vue" "b/\344\275\234\344\270\232/p/src/components/gwc/top.vue" new file mode 100644 index 0000000..92c5e30 --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/gwc/top.vue" @@ -0,0 +1,54 @@ + + + + + + diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" "b/\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" new file mode 100644 index 0000000..2dc8b05 --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" "b/\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" new file mode 100644 index 0000000..6d4791c --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" "b/\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" new file mode 100644 index 0000000..c3a4f07 --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" "b/\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" new file mode 100644 index 0000000..7452834 --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" "b/\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" new file mode 100644 index 0000000..660598d --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" @@ -0,0 +1,19 @@ + + diff --git "a/\344\275\234\344\270\232/p/src/main.js" "b/\344\275\234\344\270\232/p/src/main.js" new file mode 100644 index 0000000..8461739 --- /dev/null +++ "b/\344\275\234\344\270\232/p/src/main.js" @@ -0,0 +1,5 @@ +import { createApp } from 'vue' +import App from './App.vue' + + +createApp(App).mount('#app') -- Gitee From dea0a9edcda623dac8fe1bccb6cd035b993f9428 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= <790604007@qq.com> Date: Tue, 18 Apr 2023 08:45:16 +0000 Subject: [PATCH 2/5] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=20=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A/p=20=E4=B8=BA=20=E4=BD=9C=E4=B8=9A/Vue=E5=BA=94?= =?UTF-8?q?=E7=94=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Vue\345\272\224\347\224\250/index.html" | 0 .../Vue\345\272\224\347\224\250/src/App.vue" | 0 .../Vue\345\272\224\347\224\250/src/assets/base.css" | 0 .../Vue\345\272\224\347\224\250/src/assets/main.css" | 0 .../Vue\345\272\224\347\224\250/src/components/gwc/bottom.vue" | 0 .../Vue\345\272\224\347\224\250/src/components/gwc/goods.vue" | 0 .../Vue\345\272\224\347\224\250/src/components/gwc/top.vue" | 0 .../src/components/icons/IconCommunity.vue" | 0 .../src/components/icons/IconDocumentation.vue" | 0 .../src/components/icons/IconEcosystem.vue" | 0 .../src/components/icons/IconSupport.vue" | 0 .../src/components/icons/IconTooling.vue" | 0 .../Vue\345\272\224\347\224\250/src/main.js" | 0 13 files changed, 0 insertions(+), 0 deletions(-) rename "\344\275\234\344\270\232/p/index.html" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/index.html" (100%) rename "\344\275\234\344\270\232/p/src/App.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/App.vue" (100%) rename "\344\275\234\344\270\232/p/src/assets/base.css" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/assets/base.css" (100%) rename "\344\275\234\344\270\232/p/src/assets/main.css" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/assets/main.css" (100%) rename "\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/bottom.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/gwc/goods.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/goods.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/gwc/top.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/top.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconCommunity.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconDocumentation.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconEcosystem.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconSupport.vue" (100%) rename "\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconTooling.vue" (100%) rename "\344\275\234\344\270\232/p/src/main.js" => "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/main.js" (100%) diff --git "a/\344\275\234\344\270\232/p/index.html" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/index.html" similarity index 100% rename from "\344\275\234\344\270\232/p/index.html" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/index.html" diff --git "a/\344\275\234\344\270\232/p/src/App.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/App.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/App.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/App.vue" diff --git "a/\344\275\234\344\270\232/p/src/assets/base.css" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/assets/base.css" similarity index 100% rename from "\344\275\234\344\270\232/p/src/assets/base.css" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/assets/base.css" diff --git "a/\344\275\234\344\270\232/p/src/assets/main.css" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/assets/main.css" similarity index 100% rename from "\344\275\234\344\270\232/p/src/assets/main.css" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/assets/main.css" diff --git "a/\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/bottom.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/gwc/bottom.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/bottom.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/gwc/goods.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/goods.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/gwc/goods.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/goods.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/gwc/top.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/top.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/gwc/top.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/gwc/top.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconCommunity.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/icons/IconCommunity.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconCommunity.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconDocumentation.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/icons/IconDocumentation.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconDocumentation.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconEcosystem.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/icons/IconEcosystem.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconEcosystem.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconSupport.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/icons/IconSupport.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconSupport.vue" diff --git "a/\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconTooling.vue" similarity index 100% rename from "\344\275\234\344\270\232/p/src/components/icons/IconTooling.vue" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/components/icons/IconTooling.vue" diff --git "a/\344\275\234\344\270\232/p/src/main.js" "b/\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/main.js" similarity index 100% rename from "\344\275\234\344\270\232/p/src/main.js" rename to "\344\275\234\344\270\232/Vue\345\272\224\347\224\250/src/main.js" -- Gitee From 0de70b0d8cce018dbf28ac976733e18beaf175c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= <790604007@qq.com> Date: Tue, 18 Apr 2023 08:46:02 +0000 Subject: [PATCH 3/5] =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韦绍严 <790604007@qq.com> --- .../\346\217\222\346\247\275/p/index.html" | 16 +++ .../\346\217\222\346\247\275/p/src/App.vue" | 130 ++++++++++++++++++ .../p/src/assets/base.css" | 74 ++++++++++ .../p/src/assets/main.css" | 35 +++++ .../p/src/components/chacao/right.vue" | 13 ++ .../p/src/components/icons/IconCommunity.vue" | 7 + .../components/icons/IconDocumentation.vue" | 7 + .../p/src/components/icons/IconEcosystem.vue" | 7 + .../p/src/components/icons/IconSupport.vue" | 7 + .../p/src/components/icons/IconTooling.vue" | 19 +++ .../\346\217\222\346\247\275/p/src/main.js" | 5 + 11 files changed, 320 insertions(+) create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/index.html" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/App.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/base.css" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/main.css" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/chacao/right.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconCommunity.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconDocumentation.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconEcosystem.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconSupport.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconTooling.vue" create mode 100644 "\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/main.js" diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/index.html" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/index.html" new file mode 100644 index 0000000..3431dc8 --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/index.html" @@ -0,0 +1,16 @@ + + + + + + + + 插槽 + + + +
+ + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/App.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/App.vue" new file mode 100644 index 0000000..3fe7bdc --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/App.vue" @@ -0,0 +1,130 @@ + + + + + diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/base.css" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/base.css" new file mode 100644 index 0000000..71dc55a --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/base.css" @@ -0,0 +1,74 @@ +/* color palette from */ +: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; + position: relative; + 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/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/main.css" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/assets/main.css" new file mode 100644 index 0000000..e8667cd --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/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; +} + +@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/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/chacao/right.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/chacao/right.vue" new file mode 100644 index 0000000..f9ee9c4 --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/chacao/right.vue" @@ -0,0 +1,13 @@ + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconCommunity.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconCommunity.vue" new file mode 100644 index 0000000..2dc8b05 --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconCommunity.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconDocumentation.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconDocumentation.vue" new file mode 100644 index 0000000..6d4791c --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconDocumentation.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconEcosystem.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconEcosystem.vue" new file mode 100644 index 0000000..c3a4f07 --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconEcosystem.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconSupport.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconSupport.vue" new file mode 100644 index 0000000..7452834 --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconSupport.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconTooling.vue" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconTooling.vue" new file mode 100644 index 0000000..660598d --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/components/icons/IconTooling.vue" @@ -0,0 +1,19 @@ + + diff --git "a/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/main.js" "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/main.js" new file mode 100644 index 0000000..8461739 --- /dev/null +++ "b/\344\275\234\344\270\232/\346\217\222\346\247\275/p/src/main.js" @@ -0,0 +1,5 @@ +import { createApp } from 'vue' +import App from './App.vue' + + +createApp(App).mount('#app') -- Gitee From 573e9d038b062266cc6c74c46be29059c0d00a31 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= <790604007@qq.com> Date: Tue, 18 Apr 2023 08:47:00 +0000 Subject: [PATCH 4/5] =?UTF-8?q?setup=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韦绍严 <790604007@qq.com> --- "\344\275\234\344\270\232/setup/p/index.html" | 17 +++ .../setup/p/src/App.vue" | 127 ++++++++++++++++++ .../setup/p/src/assets/base.css" | 74 ++++++++++ .../setup/p/src/assets/main.css" | 35 +++++ .../setup/p/src/components/chacao/home.vue" | 24 ++++ .../setup/p/src/components/chacao/right.vue" | 13 ++ .../p/src/components/icons/IconCommunity.vue" | 7 + .../components/icons/IconDocumentation.vue" | 7 + .../p/src/components/icons/IconEcosystem.vue" | 7 + .../p/src/components/icons/IconSupport.vue" | 7 + .../p/src/components/icons/IconTooling.vue" | 19 +++ .../setup/p/src/main.js" | 5 + 12 files changed, 342 insertions(+) create mode 100644 "\344\275\234\344\270\232/setup/p/index.html" create mode 100644 "\344\275\234\344\270\232/setup/p/src/App.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/assets/base.css" create mode 100644 "\344\275\234\344\270\232/setup/p/src/assets/main.css" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/chacao/home.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/chacao/right.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/icons/IconCommunity.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/icons/IconDocumentation.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/icons/IconEcosystem.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/icons/IconSupport.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/components/icons/IconTooling.vue" create mode 100644 "\344\275\234\344\270\232/setup/p/src/main.js" diff --git "a/\344\275\234\344\270\232/setup/p/index.html" "b/\344\275\234\344\270\232/setup/p/index.html" new file mode 100644 index 0000000..c2bcd77 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/index.html" @@ -0,0 +1,17 @@ + + + + + + + + setup + + + + +
+ + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/setup/p/src/App.vue" "b/\344\275\234\344\270\232/setup/p/src/App.vue" new file mode 100644 index 0000000..84a4405 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/App.vue" @@ -0,0 +1,127 @@ + + + + + diff --git "a/\344\275\234\344\270\232/setup/p/src/assets/base.css" "b/\344\275\234\344\270\232/setup/p/src/assets/base.css" new file mode 100644 index 0000000..71dc55a --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/assets/base.css" @@ -0,0 +1,74 @@ +/* color palette from */ +: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; + position: relative; + 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/\344\275\234\344\270\232/setup/p/src/assets/main.css" "b/\344\275\234\344\270\232/setup/p/src/assets/main.css" new file mode 100644 index 0000000..e8667cd --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/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; +} + +@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/\344\275\234\344\270\232/setup/p/src/components/chacao/home.vue" "b/\344\275\234\344\270\232/setup/p/src/components/chacao/home.vue" new file mode 100644 index 0000000..2eb0d58 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/chacao/home.vue" @@ -0,0 +1,24 @@ + + + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/setup/p/src/components/chacao/right.vue" "b/\344\275\234\344\270\232/setup/p/src/components/chacao/right.vue" new file mode 100644 index 0000000..f9ee9c4 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/chacao/right.vue" @@ -0,0 +1,13 @@ + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/setup/p/src/components/icons/IconCommunity.vue" "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconCommunity.vue" new file mode 100644 index 0000000..2dc8b05 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconCommunity.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/setup/p/src/components/icons/IconDocumentation.vue" "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconDocumentation.vue" new file mode 100644 index 0000000..6d4791c --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconDocumentation.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/setup/p/src/components/icons/IconEcosystem.vue" "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconEcosystem.vue" new file mode 100644 index 0000000..c3a4f07 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconEcosystem.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/setup/p/src/components/icons/IconSupport.vue" "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconSupport.vue" new file mode 100644 index 0000000..7452834 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconSupport.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/setup/p/src/components/icons/IconTooling.vue" "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconTooling.vue" new file mode 100644 index 0000000..660598d --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/components/icons/IconTooling.vue" @@ -0,0 +1,19 @@ + + diff --git "a/\344\275\234\344\270\232/setup/p/src/main.js" "b/\344\275\234\344\270\232/setup/p/src/main.js" new file mode 100644 index 0000000..8461739 --- /dev/null +++ "b/\344\275\234\344\270\232/setup/p/src/main.js" @@ -0,0 +1,5 @@ +import { createApp } from 'vue' +import App from './App.vue' + + +createApp(App).mount('#app') -- Gitee From c4c75f281ee02b3a73f6a00d23baa2db86a80e2a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A6=E7=BB=8D=E4=B8=A5?= <790604007@qq.com> Date: Tue, 18 Apr 2023 08:48:17 +0000 Subject: [PATCH 5/5] =?UTF-8?q?=E5=85=A8=E5=B1=80=E4=BA=8B=E4=BB=B6?= =?UTF-8?q?=E6=80=BB=E7=BA=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韦绍严 <790604007@qq.com> --- .../p/index.html" | 26 ++++ .../p/src/App.vue" | 46 ++++++ .../p/src/assets/base.css" | 74 ++++++++++ .../p/src/assets/main.css" | 35 +++++ .../p/src/components/gwc/evenBus.js" | 5 + .../p/src/components/gwc/goods.css" | 136 ++++++++++++++++++ .../p/src/components/gwc/goods.vue" | 111 ++++++++++++++ .../p/src/components/gwc/top.vue" | 82 +++++++++++ .../p/src/components/icons/IconCommunity.vue" | 7 + .../components/icons/IconDocumentation.vue" | 7 + .../p/src/components/icons/IconEcosystem.vue" | 7 + .../p/src/components/icons/IconSupport.vue" | 7 + .../p/src/components/icons/IconTooling.vue" | 19 +++ .../p/src/main.js" | 4 + 14 files changed, 566 insertions(+) create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/index.html" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/App.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/base.css" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/main.css" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/evenBus.js" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.css" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/top.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconCommunity.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconDocumentation.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconEcosystem.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconSupport.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconTooling.vue" create mode 100644 "\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/main.js" diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/index.html" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/index.html" new file mode 100644 index 0000000..ded2fb2 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/index.html" @@ -0,0 +1,26 @@ + + + + + + + Your shopping cart + + + +
+ + + + + + \ No newline at end of file diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/App.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/App.vue" new file mode 100644 index 0000000..d819ebc --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/App.vue" @@ -0,0 +1,46 @@ + + + + + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/base.css" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/base.css" new file mode 100644 index 0000000..71dc55a --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/base.css" @@ -0,0 +1,74 @@ +/* color palette from */ +: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; + position: relative; + 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/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/main.css" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/assets/main.css" new file mode 100644 index 0000000..e8667cd --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/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; +} + +@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/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/evenBus.js" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/evenBus.js" new file mode 100644 index 0000000..6ac55e4 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/evenBus.js" @@ -0,0 +1,5 @@ +import mitt from 'mitt'; + +const emitter = mitt(); + +export default emitter; \ No newline at end of file diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.css" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.css" new file mode 100644 index 0000000..b0195d6 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.css" @@ -0,0 +1,136 @@ +.goodsList { + width: 600px; + margin: auto; + display: flex; + justify-content: space-between; + margin-top: 20px; +} + +.goodsLeft { + width: 100px; + height: 120px; +} + +.image img { + width: 100px; + height: 100px; +} + +.goodsRight { + width: 480px; + height: 120px; + border-bottom: 1px lightgray solid; + display: flex; + flex-direction: column; +} + +.goodsTop { + width: 480px; + height: 90px; + display: flex; + flex-direction: row; +} + +.goods { + width: 160px; + display: flex; + flex-direction: column; +} + +.goodsName { + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-weight: 1000; +} + +.brand { + font-size: 10px; + color: gray; + margin-top: 10px; +} + +.operate { + width: 160px; + height: 25px; + border: 1px solid black; + text-align: center; + display: flex; + flex-direction: column; +} + +.quantity { + font-size: 14px; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + color: gray; +} + +.quantity span { + color: black; + font-weight: 500; + font-size: 8px; +} + +.btn button { + width: 40px; + height: 25px; + background-color: white; + border: none; + font-size: 20px; +} + +.btn a{ + color: black; +} + +.price { + width: 160px; + text-align: right; + font-weight: 600; +} + +#price { + font-size: 6px; +} + +.goodsBottom { + width: 480px; + height: 30px; + display: flex; + justify-content: space-between; +} + +.product { + font-size: 8px; + line-height: 30px; + font-weight: 500; +} + +.cancel a { + color: black; + font-size: 20px; +} + +.bottom { + width: 600px; + height: 100px; + margin: auto; + display: flex; + justify-content: right; + align-items: center; +} + +.checkout { + width: 130px; + height: 30px; + border: none; + background-color: black; + text-align: center; + line-height: 30px; + color: white; + font-size: 10px; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-weight: 500; +} + +.checkout:hover { + background-color: rgb(61, 61, 61); +} \ No newline at end of file diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.vue" new file mode 100644 index 0000000..a1cd744 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/goods.vue" @@ -0,0 +1,111 @@ + + + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/top.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/top.vue" new file mode 100644 index 0000000..9f93240 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/gwc/top.vue" @@ -0,0 +1,82 @@ + + + + + + + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconCommunity.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconCommunity.vue" new file mode 100644 index 0000000..2dc8b05 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconCommunity.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconDocumentation.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconDocumentation.vue" new file mode 100644 index 0000000..6d4791c --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconDocumentation.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconEcosystem.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconEcosystem.vue" new file mode 100644 index 0000000..c3a4f07 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconEcosystem.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconSupport.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconSupport.vue" new file mode 100644 index 0000000..7452834 --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconSupport.vue" @@ -0,0 +1,7 @@ + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconTooling.vue" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconTooling.vue" new file mode 100644 index 0000000..660598d --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/components/icons/IconTooling.vue" @@ -0,0 +1,19 @@ + + diff --git "a/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/main.js" "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/main.js" new file mode 100644 index 0000000..01433bc --- /dev/null +++ "b/\344\275\234\344\270\232/\345\205\250\345\261\200\344\272\213\344\273\266\346\200\273\347\272\277/p/src/main.js" @@ -0,0 +1,4 @@ +import { createApp } from 'vue' +import App from './App.vue' + +createApp(App).mount('#app') -- Gitee