Vue Material Dashboard PRO é um belo recurso construído sobre Vue Material e Vuejs. Isso o ajudará a começar a desenvolver painéis rapidamente. Vue Material Dashboard PRO é a versão oficial do Vuejs do Original Material Dashboard. Usar o Dashboard é bastante simples, mas requer conhecimentos básicos de Javascript, Vuejs e Vue Router.
Nós o criamos pensando nas coisas que você realmente precisa em um dashboard. Vue Material Dashboard PRO contém plug-ins Vuejs escolhidos a dedo e otimizados. Tudo é projetado para se encaixar. Como você poderá ver, o painel que você pode acessar no Creative Tim é uma customização deste produto.
Deixe-nos saber o que você pensa e o que podemos melhorar abaixo. E boa sorte com o desenvolvimento!
Durante o desenvolvimento deste painel, usamos muitos recursos existentes de desenvolvedores incríveis. Queremos agradecê-los por fornecerem suas ferramentas de código aberto:
Chartist pelos gráficos maravilhosos
Tristan Edwards para o Sweet Alert2
Kirill Lebedev para mapas jVector
Nepcha Analytics para a ferramenta analítica. Nepcha já está integrado ao Vue Material Dashboard PRO. Você pode usá-lo para obter insights sobre suas fontes de tráfego.
Deixe-nos saber sua opinião abaixo. E boa sorte com o desenvolvimento!
Versões
Demonstração
Início rápido
Documentação
Estrutura de arquivo
Suporte ao navegador
Recursos
Relatando problemas
Suporte Técnico ou Dúvidas
Licenciamento
Links úteis
Vista | Reagir | Angular | HTML |
---|---|---|---|
Página inicial
Página de widgets
Página Tabelas
Página de mapas
Página de notificações
Página de gráficos
Ver mais.
Opções de início rápido:
Compre da Creative Tim
A documentação do Material Dashboard Pro está hospedada em nosso site.
Dentro do download você encontrará os seguintes diretórios e arquivos:
vue-material-dashboard-pro/ ├── CHANGELOG.md ├── README.md ├── babel.config.js ├── package.json ├── postcss.config.js ├── public │ ├── img │ └── index.html ├── src │ ├── App.vue │ ├── assets │ │ ├── css │ │ └── scss │ │ ├── material-dashboard.scss │ │ └── md │ ├── components │ │ ├── AnimatedNumber.vue │ │ ├── Badge.vue │ │ ├── Cards │ │ │ ├── ChartCard.vue │ │ │ ├── GlobalSalesCard.vue │ │ │ ├── LockCard.vue │ │ │ ├── LoginCard.vue │ │ │ ├── NavTabsCard.vue │ │ │ ├── PricingCard.vue │ │ │ ├── ProductCard.vue │ │ │ ├── SignupCard.vue │ │ │ ├── StatsCard.vue │ │ │ └── TestimonialCard.vue │ │ ├── Collapse.vue │ │ ├── Dropdown.vue │ │ ├── Inputs │ │ │ └── IconCheckbox.vue │ │ ├── Modal.vue │ │ ├── NotificationPlugin │ │ │ ├── Notification.vue │ │ │ ├── Notifications.vue │ │ │ └── index.js │ │ ├── Pagination.vue │ │ ├── SidebarPlugin │ │ │ ├── SideBar.vue │ │ │ ├── SidebarItem.vue │ │ │ └── index.js │ │ ├── Slider.vue │ │ ├── Tables │ │ │ └── GlobalSalesTable.vue │ │ ├── Tabs.vue │ │ ├── Timeline │ │ │ ├── TimeLine.vue │ │ │ └── TimeLineItem.vue │ │ ├── Wizard │ │ │ ├── Wizard.vue │ │ │ ├── WizardTab.vue │ │ │ └── throttle.js │ │ ├── WorldMap │ │ │ ├── AsyncWorldMap.vue │ │ │ ├── WorldMap.vue │ │ │ └── world_map.js │ │ └── index.js │ ├── globalComponents.js │ ├── globalDirectives.js │ ├── main.js │ ├── material-dashboard.js │ ├── pages │ │ ├── Dashboard │ │ │ ├── Calendar.vue │ │ │ ├── Charts.vue │ │ │ ├── Components │ │ │ │ ├── Buttons.vue │ │ │ │ ├── GridSystem.vue │ │ │ │ ├── Icons.vue │ │ │ │ ├── Notifications.vue │ │ │ │ ├── Panels.vue │ │ │ │ ├── SweetAlert.vue │ │ │ │ └── Typography.vue │ │ │ ├── Dashboard.vue │ │ │ ├── Forms │ │ │ │ ├── ExtendedForms.vue │ │ │ │ ├── RegularForms.vue │ │ │ │ ├── ValidationForms │ │ │ │ │ ├── LoginForm.vue │ │ │ │ │ ├── RangeValidationForm.vue │ │ │ │ │ ├── RegisterForm.vue │ │ │ │ │ └── TypeValidationForm.vue │ │ │ │ ├── ValidationForms.vue │ │ │ │ ├── Wizard │ │ │ │ │ ├── FirstStep.vue │ │ │ │ │ ├── SecondStep.vue │ │ │ │ │ └── ThirdStep.vue │ │ │ │ └── Wizard.vue │ │ │ ├── Layout │ │ │ │ ├── Content.vue │ │ │ │ ├── ContentFooter.vue │ │ │ │ ├── DashboardLayout.vue │ │ │ │ ├── Extra │ │ │ │ │ ├── MobileMenu.vue │ │ │ │ │ └── UserMenu.vue │ │ │ │ └── TopNavbar.vue │ │ │ ├── Maps │ │ │ │ ├── API_KEY.js │ │ │ │ ├── FullScreenMap.vue │ │ │ │ ├── GoogleMaps.vue │ │ │ │ ├── VectorMaps.vue │ │ │ │ ├── WorldMap.vue │ │ │ │ └── world_map.js │ │ │ ├── Pages │ │ │ │ ├── AuthLayout.vue │ │ │ │ ├── Lock.vue │ │ │ │ ├── Login.vue │ │ │ │ ├── Pricing.vue │ │ │ │ ├── Register.vue │ │ │ │ ├── RtlSupport.vue │ │ │ │ ├── TimeLinePage.vue │ │ │ │ ├── UserProfile │ │ │ │ │ ├── EditProfileForm.vue │ │ │ │ │ └── UserCard.vue │ │ │ │ └── UserProfile.vue │ │ │ ├── Tables │ │ │ │ ├── ExtendedTables.vue │ │ │ │ ├── PaginatedTables.vue │ │ │ │ ├── RegularTables.vue │ │ │ │ └── users.js │ │ │ └── Widgets.vue │ │ └── index.js │ └── routes │ └── routes.js ├── vue.config.js
Atualmente, pretendemos oficialmente oferecer suporte às duas últimas versões dos seguintes navegadores:
Visualização ao vivo
Página de compra: https://www.creative-tim.com/product/vue-material-dashboard-pro
A documentação está aqui
Contrato de licença: https://www.creative-tim.com/license
Suporte: https://www.creative-tim.com/contact-us
Problemas: página de problemas do Github
Painel de materiais Vue - demonstração
Para desenvolvimento front-end - Material Kit Pro
Nepcha Analytics - ferramenta analítica para seu site
Usamos o GitHub Issues como o rastreador de bugs oficial do Material Dashboard Pro. Aqui estão alguns conselhos para nossos usuários que desejam relatar um problema:
Certifique-se de estar usando a versão mais recente do Material Dashboard Pro. Verifique o CHANGELOG no seu painel em nosso site.
Fornecer etapas reproduzíveis para o problema reduzirá o tempo necessário para que ele seja corrigido.
Alguns problemas podem ser específicos do navegador, portanto, especificar em qual navegador você encontrou o problema pode ajudar.
Se você tiver dúvidas ou precisar de ajuda para integrar o produto, entre em contato conosco em vez de abrir um problema.
Copyright 2022 Creative Tim (https://www.creative-tim.com)
Licença Creative Tim
Mais produtos de Creative Tim
Produtos Vue da Creative Tim
Tutoriais
Brindes do Creative Tim
Programa de afiliados (ganhe dinheiro)
Twitter: https://twitter.com/CreativeTim
Facebook: https://www.facebook.com/CreativeTim
Dribbble: https://dribbble.com/creativetim
Google+: https://plus.google.com/+CreativetimPage
Instagram: https://instagram.com/creativetimofficial