diff --git a/src/assets/icons/edit.svg b/src/assets/icons/edit.svg new file mode 100644 index 0000000..12b5ef1 --- /dev/null +++ b/src/assets/icons/edit.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/email.svg b/src/assets/icons/email.svg new file mode 100644 index 0000000..3e7c1dd --- /dev/null +++ b/src/assets/icons/email.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/icons/password_0.svg b/src/assets/icons/password_0.svg new file mode 100644 index 0000000..8d0fc2c --- /dev/null +++ b/src/assets/icons/password_0.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/password_1.svg b/src/assets/icons/password_1.svg new file mode 100644 index 0000000..a89dca7 --- /dev/null +++ b/src/assets/icons/password_1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/user.svg b/src/assets/icons/user.svg new file mode 100644 index 0000000..12e3923 --- /dev/null +++ b/src/assets/icons/user.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/FooterNavigation.vue b/src/components/FooterNavigation.vue index 3a62bd3..63dca8b 100644 --- a/src/components/FooterNavigation.vue +++ b/src/components/FooterNavigation.vue @@ -31,7 +31,7 @@ const navs = [ { label: 'Home', icon: 'home', size: 73, path: '/stylist/customer', on: onHome }, { label: 'Library', icon: 'library', size: 53, path: '/workshop/library' }, - { label: 'Profile', icon: 'profile', size: 55, path: '' } + { label: 'Profile', icon: 'profile', size: 55, path: '/workshop/profile' } ] const onNavClick = (nav) => { if (currentRoute.value !== nav.path) nav.on ? nav.on(nav) : nav.path && router.push(nav.path) diff --git a/src/components/HeaderTitle.vue b/src/components/HeaderTitle.vue index e144d14..9af224f 100644 --- a/src/components/HeaderTitle.vue +++ b/src/components/HeaderTitle.vue @@ -6,6 +6,7 @@ title: { type: String, default: 'AI STYLING ASSISTANT' }, hasSetting: { type: Boolean, default: false }, styleType: { type: String, default: '1' },//1低 2高 + isPlaceholder: { type: Boolean, default: true }, }) defineEmits(['clickReturn']) @@ -23,7 +24,7 @@ {{ title }}
-
+
diff --git a/src/router/index.ts b/src/router/index.ts index 6c57d36..f35571b 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -113,6 +113,11 @@ const router = createRouter({ name: 'library', component: () => import('../views/Workshop/library.vue') }, + { + path: '/workshop/profile', + name: 'profile', + component: () => import('../views/Workshop/profile.vue') + }, { // creation path: '/workshop/creation', diff --git a/src/views/Workshop/creation/creation-details.vue b/src/views/Workshop/creation/creation-details.vue index bf0f453..1a151a9 100644 --- a/src/views/Workshop/creation/creation-details.vue +++ b/src/views/Workshop/creation/creation-details.vue @@ -6,6 +6,7 @@ const query = computed(() => router.currentRoute.value.query) onMounted(() => {}) + const loading = ref(false) const onDownload = () => { DownloadImages([{ url: 'http://118.31.39.42:3000/falls/2.png', diff --git a/src/views/Workshop/profile.vue b/src/views/Workshop/profile.vue new file mode 100644 index 0000000..07b75ee --- /dev/null +++ b/src/views/Workshop/profile.vue @@ -0,0 +1,217 @@ + + + + +