Muse - Vue Ant Design Dashboard는 아름답고 체계적으로 보이도록 설계된 많은 구성 요소를 갖춘 아름다운 Ant Design Vue 관리 대시보드입니다.
대담한 요소와 아름다운 웹사이트를 좋아하는 사람들을 위해 디자인되었습니다. 수백 가지 요소, 디자인된 블록 및 완전히 코딩된 페이지로 구성된 Soft UI 대시보드는 멋진 웹사이트와 웹앱을 만드는 데 도움을 줄 준비가 되어 있습니다.
우리는 로그인, 프로필 등과 같은 페이지에 대한 많은 예제를 만들었습니다. 기본 디자인, 일러스트레이션, 표지 중에서 선택하기만 하면 됩니다!
완전히 코딩된 요소
Muse - Vue Ant 디자인 대시보드는 버튼, 입력, 탐색 모음, 탐색 탭, 카드 또는 알림과 같은 70개 이상의 프런트엔드 개별 요소로 구축되어 선택과 결합의 자유를 제공합니다. 모든 구성 요소는 다양한 색상을 가질 수 있으며 SASS 파일 및 클래스를 사용하여 쉽게 수정할 수 있습니다. 모든 요소가 구현되므로 프로토타입 제작에서 전체 기능 코드로 전환하는 데 많은 시간을 절약할 수 있습니다.
여기에서 모든 구성 요소를 확인하세요.
개발자가 작성한 문서
각 요소는 매우 복잡한 문서에 잘 표시되어 있습니다. 여기에서 문서에 대한 자세한 내용을 읽을 수 있습니다.
예제 페이지
영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 페이지를 사용하여 개발을 시작할 수 있습니다. 웹 프로젝트의 기본 구조를 빠르게 설정할 수 있습니다. 여기에서 예시 페이지를 확인하세요.
유용한 링크
Github 저장소 보기
FAQ 페이지 확인
특별한 감사
이 대시보드를 개발하는 동안 우리는 훌륭한 개발자들의 기존 리소스를 많이 사용했습니다. 도구 오픈 소스를 제공해주셔서 감사드립니다.
Ant Design Vue - 웹 애플리케이션을 위한 엔터프라이즈급 UI 디자인 언어
아래에 귀하의 생각을 알려주십시오. 그리고 개발에 행운을 빕니다!
버전
데모
빠른 시작
배포
선적 서류 비치
파일 구조
브라우저 지원
자원
보고 문제
기술 지원 또는 질문
라이선스
유용한 링크
프로필 페이지
로그인 페이지
가입 페이지
더보기
빠른 시작 옵션:
Creative Tim에서 다운로드하세요.
NodeJ 공식 페이지에서 NodeJ를 다운로드하고 설치하세요.
루트/디렉토리로 이동하고 npm install을 실행하여 로컬 종속성을 설치합니다.
한 번의 클릭으로 자신만의 템플릿 버전을 Genezio에 배포할 수 있습니다.
Muse Vue Ant 디자인 대시보드에 대한 문서는 당사 웹사이트에서 호스팅됩니다.
다운로드 내에서 다음 디렉터리와 파일을 찾을 수 있습니다.
muse-vue-ant-design-dashboard ├── LICENSE ├── README.md ├── babel.config.js ├── gulpfile.js ├── package.json ├── public │ ├── imagesd │ └── index.html ├── src │ ├── App.vue │ ├── assets │ ├── components │ │ ├── Cards │ │ │ ├── CardAuthorTable.vue │ │ │ ├── CardBarChart.vue │ │ │ ├── CardBillingInfo.vue │ │ │ ├── CardConversations.vue │ │ │ ├── CardCredit.vue │ │ │ ├── CardInfo.vue │ │ │ ├── CardInfo2.vue │ │ │ ├── CardInvoices.vue │ │ │ ├── CardLineChart.vue │ │ │ ├── CardOrderHistory.vue │ │ │ ├── CardPaymentMethods.vue │ │ │ ├── CardPlatformSettings.vue │ │ │ ├── CardProfileInformation.vue │ │ │ ├── CardProject.vue │ │ │ ├── CardProjectTable.vue │ │ │ ├── CardProjectTable2.vue │ │ │ └── CardTransactions.vue │ │ ├── Charts │ │ │ ├── ChartBar.vue │ │ │ └── ChartLine.vue │ │ ├── Footers │ │ │ ├── DashboardFooter.vue │ │ │ └── DefaultFooter.vue │ │ ├── Headers │ │ │ ├── DashboardHeader.vue │ │ │ └── DefaultHeader.vue │ │ ├── Sidebars │ │ │ ├── DashboardSettingsDrawer.vue │ │ │ └── DashboardSidebar.vue │ │ └── Widgets │ │ ├── WidgetCounter.vue │ │ └── WidgetSalary.vue │ ├── layouts │ │ ├── Dashboard.vue │ │ ├── DashboardRTL.vue │ │ └── Default.vue │ ├── main.js │ ├── plugins │ │ └── click-away.js │ ├── router │ │ └── index.js │ ├── scss │ │ ├── app.scss │ │ ├── base │ │ │ ├── _override.scss │ │ │ ├── _typography.scss │ │ │ ├── _utilities.scss │ │ │ └── _variables.scss │ │ ├── components │ │ │ ├── _avatar.scss │ │ │ ├── _badge.scss │ │ │ ├── _button.scss │ │ │ ├── _card.scss │ │ │ ├── _chart.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _list.scss │ │ │ ├── _progress.scss │ │ │ ├── _settings-drawer.scss │ │ │ ├── _space.scss │ │ │ ├── _table.scss │ │ │ ├── _tag.scss │ │ │ ├── _timeline.scss │ │ │ └── _widget.scss │ │ ├── form │ │ │ ├── _checkbox.scss │ │ │ └── _input.scss │ │ ├── layouts │ │ │ ├── _dashboard-rtl.scss │ │ │ ├── _dashboard.scss │ │ │ └── _default.scss │ │ └── pages │ │ ├── _profile.scss │ │ ├── _sign-in.scss │ │ └── _sign-up.scss │ └── views │ ├── 404.vue │ ├── Billing.vue │ ├── Dashboard.vue │ ├── Layout.vue │ ├── Profile.vue │ ├── RTL.vue │ ├── Sign-In.vue │ ├── Sign-Up.vue │ └── Tables.vue └── vue.config.js
현재 우리는 공식적으로 다음 브라우저의 마지막 두 버전을 지원하는 것을 목표로 하고 있습니다.
실시간 미리보기
다운로드 페이지
문서는 여기에 있습니다
라이센스 계약
지원하다
문제: Github 문제 페이지
우리는 Muse Vue Ant 디자인 대시보드의 공식 버그 추적기로 GitHub Issues를 사용합니다. 다음은 문제를 보고하려는 사용자를 위한 몇 가지 조언입니다.
Muse Vue Ant 디자인 대시보드의 최신 버전을 사용하고 있는지 확인하세요. 당사 웹사이트의 대시보드에서 변경 로그를 확인하세요.
문제에 대해 재현 가능한 단계를 제공하면 문제를 해결하는 데 걸리는 시간이 단축됩니다.
일부 문제는 브라우저별로 다를 수 있으므로 문제가 발생한 브라우저를 지정하면 도움이 될 수 있습니다.
질문이 있거나 제품 통합에 도움이 필요한 경우 문제를 열지 말고 당사에 문의하십시오.
저작권 2021 크리에이티브 팀
크리에이티브 팀 라이선스
크리에이티브팀의 더 많은 제품보기
튜토리얼
Creative Tim의 공짜
제휴 프로그램(수익 창출)
트위터: https://twitter.com/CreativeTim
페이스북: https://www.facebook.com/CreativeTim
드리블: https://dribbble.com/creativetim
인스타그램: https://instagram.com/creativetimofficial