Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Component : Swiper 이용한 Date picker #48

Merged
merged 10 commits into from
Jul 3, 2023

Conversation

guesung
Copy link
Member

@guesung guesung commented Jul 3, 2023

💡 왜 PR을 올렸나요?

  • 신규 피처

💁 무엇이 어떻게 바뀌나요?

Jul-03-2023 15-50-55

  1. Swiper를 이용하여 Date Picker를 구현하였습니다.
  • 참고 codepen(sticky)
  • 참고 codepen2(time picker)
  • 속성
    • vertical : 수평 -> 수직으로 정렬 변경
    • slidesPerview : 한 번에 3개씩만 보여줌
    • centeredSlides : 가운데로 정렬
    • Freemode, sticky : 이동이 끝나면 가운데에 해당 값이 고정됨

💬 리뷰어분들께

  • DateSwipePicker와 SexSwipePicker의 상태값 관리가 아직 완성안되었습니다. 추후에 보완해서 PR올릴게요

@guesung guesung added the Component 컴포넌트를 구현한 경우 label Jul 3, 2023
@guesung guesung self-assigned this Jul 3, 2023
@guesung guesung added this to the 7월 1주차 Sprint milestone Jul 3, 2023
@guesung guesung linked an issue Jul 3, 2023 that may be closed by this pull request
Comment on lines +131 to +142
.swiper-slide {
text-align: center;
font-size: 2rem;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
opacity: 0.25;
transition: opacity 0.3s ease;
cursor: default;
font-weight: bold;

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

사용안하는 코드는 지워주세요!~

Comment on lines +11 to +12
isFirst?: boolean;
isLast?: boolean;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오호 좋은 아이디어네요

@guesung guesung merged commit 7c5495f into develop Jul 3, 2023
@guesung guesung deleted the feature/component-date-picker branch July 3, 2023 07:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component 컴포넌트를 구현한 경우
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Component] Swiper를 이용하여 Swipe Date Picker 구현
2 participants