Vue + Tailwind: 테마 지정이 가능한 프로필 페이지

Question

사용자가 가입하고 다양한 프로필 정보를 입력할 수 있는 애플리케이션(소셜 네트워크와 유사)을 만들고 싶습니다. 그런 다음 사용자는 사전 정의된 테마 세트에서 테마를 선택하여 프로필을 보는 다른 사용자에게 이 정보를 표시할 수 있습니다.

이는 Shopify의 매장 테마와 매우 유사합니다.

이 문제에 대한 솔루션을 어떻게 설계해야 합니까?

아주 막연한 질문이라 미리 죄송합니다.

코드를 작성하는 동안(또는 빌드 단계에서) 테마 및/또는 색상 등을 설정하는 방법을 알고 있지만 제품 내부에서 이를 수행하는 방법에 대해 추론하려고 노력하고 있습니다.

Answer 1

tw-colors를 사용하여 사전 정의된 테마를 만들 수 있습니다 p> 으아악

그런 다음 카드 컨테이너에 테마를 적용해 보세요

으아악

주제 클래스 이름이 API 응답에서 나온 경우 허용 목록에 추가해야 합니다. 그렇지 않으면 tailwind가 해당 클래스를 생성하지 않습니다. 자세한 내용은 tailwind 문서를 참조하세요