From 4a29b0117d7fa847d40951cdf25b82b114d759cc Mon Sep 17 00:00:00 2001 From: Natsuki Date: Fri, 12 Jul 2024 00:34:09 +0900 Subject: [PATCH 01/19] =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E7=9A=84=E3=81=AA?= =?UTF-8?q?=E6=9E=A0=E7=B5=84=E3=81=BF=E3=81=AE=E5=AE=9F=E8=A3=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- src/pages/registerView.vue | 44 +++++++++++++++++++++++++ src/router/index.ts | 6 ++++ src/shared/components/RadioCard.vue | 51 +++++++++++++++++++++++++++++ 4 files changed, 102 insertions(+), 1 deletion(-) create mode 100644 src/pages/registerView.vue create mode 100644 src/shared/components/RadioCard.vue diff --git a/index.html b/index.html index 0297945..74e0139 100644 --- a/index.html +++ b/index.html @@ -23,6 +23,6 @@
- + diff --git a/src/pages/registerView.vue b/src/pages/registerView.vue new file mode 100644 index 0000000..a06d39b --- /dev/null +++ b/src/pages/registerView.vue @@ -0,0 +1,44 @@ + + + + + diff --git a/src/router/index.ts b/src/router/index.ts index 0f20a6b..ac03f82 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -1,5 +1,6 @@ import type { RouteRecordRaw } from 'vue-router'; import { createRouter, createWebHistory } from 'vue-router'; +import registerView from '@/pages/registerView.vue'; export const routerHistory = createWebHistory(); @@ -9,6 +10,11 @@ const routes: RouteRecordRaw[] = [ name: 'Dashboard', component: () => import('@/pages/DashBoard.vue'), }, + { + path: '/register', + name: 'register', + component: registerView, + }, ]; export default createRouter({ diff --git a/src/shared/components/RadioCard.vue b/src/shared/components/RadioCard.vue new file mode 100644 index 0000000..b911ea5 --- /dev/null +++ b/src/shared/components/RadioCard.vue @@ -0,0 +1,51 @@ + + + + + From cbcb601be91e9d8d69a3924b2e6d03e5abf632b8 Mon Sep 17 00:00:00 2001 From: Natsuki Date: Sun, 14 Jul 2024 03:33:44 +0900 Subject: [PATCH 02/19] =?UTF-8?q?RadioButton=E3=82=92=E5=AE=9F=E8=A3=85?= =?UTF-8?q?=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/components/RadioButton.vue | 69 +++++++++++++++++++++++++++ src/shared/components/RadioCard.vue | 11 +++-- src/styles/common.scss | 2 + 3 files changed, 77 insertions(+), 5 deletions(-) create mode 100644 src/shared/components/RadioButton.vue diff --git a/src/shared/components/RadioButton.vue b/src/shared/components/RadioButton.vue new file mode 100644 index 0000000..2b489f9 --- /dev/null +++ b/src/shared/components/RadioButton.vue @@ -0,0 +1,69 @@ + + + + + diff --git a/src/shared/components/RadioCard.vue b/src/shared/components/RadioCard.vue index b911ea5..5b832a9 100644 --- a/src/shared/components/RadioCard.vue +++ b/src/shared/components/RadioCard.vue @@ -2,14 +2,14 @@
選択肢
- +
選択肢1の説明
@@ -42,17 +44,8 @@ const props = defineProps<{ } .input:checked + .label::before { - content: ''; - width: 100%; - height: 100%; - border-radius: 50%; background-color: $color-primary; border: none; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 10; - box-sizing: border-box; } .input:checked + .label::after { diff --git a/src/shared/components/RadioCard.vue b/src/shared/components/RadioCard.vue index 5b832a9..c747f8b 100644 --- a/src/shared/components/RadioCard.vue +++ b/src/shared/components/RadioCard.vue @@ -2,7 +2,7 @@
選択肢
- +
選択肢1の説明
From c36534e4d684c39a2079860a49710b2fccfd636a Mon Sep 17 00:00:00 2001 From: Natsuki Date: Sun, 14 Jul 2024 04:18:36 +0900 Subject: [PATCH 04/19] =?UTF-8?q?default=E5=80=A4=E3=81=AE=E5=AE=9F?= =?UTF-8?q?=E8=A3=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/components/RadioButton.vue | 28 +++++++++++++++++---------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/src/shared/components/RadioButton.vue b/src/shared/components/RadioButton.vue index dc93031..c44fa94 100644 --- a/src/shared/components/RadioButton.vue +++ b/src/shared/components/RadioButton.vue @@ -6,15 +6,25 @@ :name="props.name" :value="props.value" /> - + From 630953a4b1ddc5c9c8615ccb49acb8af096ce8c7 Mon Sep 17 00:00:00 2001 From: Natsuki Date: Sun, 14 Jul 2024 04:43:24 +0900 Subject: [PATCH 06/19] =?UTF-8?q?default=E5=80=A4=E3=81=AE=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/components/RadioCard.vue | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/shared/components/RadioCard.vue b/src/shared/components/RadioCard.vue index 4de5531..264c34f 100644 --- a/src/shared/components/RadioCard.vue +++ b/src/shared/components/RadioCard.vue @@ -1,5 +1,8 @@ - + diff --git a/src/shared/components/RadioCard.vue b/src/shared/components/RadioCard.vue index 3d6a1cb..b996581 100644 --- a/src/shared/components/RadioCard.vue +++ b/src/shared/components/RadioCard.vue @@ -7,11 +7,7 @@ :value="props.value" @change="model = props.value" /> -