diff --git a/src/assets/calendar.svg b/src/assets/calendar.svg index 6d126f5..631b82f 100644 --- a/src/assets/calendar.svg +++ b/src/assets/calendar.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/src/assets/index.ts b/src/assets/index.ts index 5821aa4..fa2f0e8 100644 --- a/src/assets/index.ts +++ b/src/assets/index.ts @@ -9,3 +9,6 @@ export { default as reset } from './reset.svg' export { default as check } from './check.svg' export { default as sort } from './sort.svg' export { default as next } from './next.svg' +export { default as link } from './link.svg' +export { default as location } from './location.svg' +export { default as time } from './time.svg' diff --git a/src/assets/link.svg b/src/assets/link.svg new file mode 100644 index 0000000..9c575b7 --- /dev/null +++ b/src/assets/link.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/location.svg b/src/assets/location.svg new file mode 100644 index 0000000..4e9e04e --- /dev/null +++ b/src/assets/location.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/time.svg b/src/assets/time.svg new file mode 100644 index 0000000..caa1821 --- /dev/null +++ b/src/assets/time.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/division/Division.vue b/src/components/division/Division.vue new file mode 100644 index 0000000..922d422 --- /dev/null +++ b/src/components/division/Division.vue @@ -0,0 +1,3 @@ +
+ diff --git a/src/pages/detail/DetailPage.vue b/src/pages/detail/DetailPage.vue index eef712f..14c21ca 100644 --- a/src/pages/detail/DetailPage.vue +++ b/src/pages/detail/DetailPage.vue @@ -1,25 +1,40 @@ + diff --git a/src/requests/getPopup.ts b/src/requests/getPopup.ts index 2499c16..5f9a479 100644 --- a/src/requests/getPopup.ts +++ b/src/requests/getPopup.ts @@ -3,25 +3,31 @@ export interface PopupDetail { title: string, startDate?: string, endDate?: string, - region?: string[] + region?: string img?: string, time: string, description: string, location: string, link: string, + category: string, } const mock: PopupDetail = { id: 0, - title: '빵빵이와 끼꼬의 크리스마스 팝업스토어', - startDate: '2024-01-01', - endDate: '2024-01-01', - region: ['서울시', '성동구'], + title: 'TAMBURINS at The Hyundai Seoul ', + startDate: '2023-12-14', + endDate: '2034-12-27', + region: '성동구', img: '', time: '12:00 ~ 22:00', - description: '귀엽고 재밌는 빵빵이 굿즈들과 500평 규모의 초대형 스케일로 구성된 전시 공간, 콜라보 제품까지! 다양한 이야기와 볼거리가 어우러진 어쩌구', + description: '탬버린즈(TAMBURINS)가 홀리데이 시즌을 맞아 더현대 서울에서 단독 팝업 스토어를 오픈합니다. \n' + + '\n' + + '이번 팝업 스토어는 성수 플래그십 스토어를 연상시키는 콘크리트 골조 인테리어를 중심으로 새로운 퍼퓸 컬렉션 8종과 알 모양 ‘더 에그 퍼퓸’ 3종 그리고 쉘 핸드 퍼퓸 3종을 선보입니다.\n' + + '\n' + + '연말 선물로도 제격인 ‘퍼퓸 캔들’은 펌키니부터 홀리메탈, 레이트어텀 그리고 베이더인더레이크까지 4가지의 다채로운 향으로 만나볼 수 있죠', location: '서울시 성동구 성수동2가 273-13, 성수 에스팩토리 D동', - link: 'booking.kakao.com/detail/ticketStore/21869', + link: 'https://www.instagram.com/p/Cs8UYdivFQ9/?igshid=MTI1ZDU5ODQ3Yw%3D%3D', + category: '팝업스토어' } export const getPopup = (): PopupDetail => { diff --git a/src/style.css b/src/style.css index 2496fe2..5576b41 100644 --- a/src/style.css +++ b/src/style.css @@ -48,7 +48,7 @@ body { line-height: 24px; } -.body-1 { +.body-2 { font-weight: 500; font-size: 14px; line-height: 22px;