Vue Material Dashboard PRO — это прекрасный ресурс, созданный на основе Vue Material и Vuejs. Это поможет вам быстро приступить к разработке информационных панелей. Vue Material Dashboard PRO — это официальная версия Vuejs оригинальной панели материалов. Использовать панель инструментов довольно просто, но для этого требуются базовые знания Javascript, Vuejs и Vue Router.
Мы создали его, думая о том, что вам действительно нужно на информационной панели. Vue Material Dashboard PRO содержит тщательно подобранные и оптимизированные плагины Vuejs. Все спроектировано так, чтобы соответствовать друг другу. Как вы увидите, панель инструментов, к которой вы можете получить доступ в Creative Tim, представляет собой настройку этого продукта.
Дайте нам знать, что вы думаете и что мы можем улучшить ниже. И удачи в развитии!
При разработке этой информационной панели мы использовали множество существующих ресурсов от замечательных разработчиков. Мы хотим поблагодарить их за предоставление своих инструментов с открытым исходным кодом:
Чартист за замечательные графики
Тристан Эдвардс для Sweet Alert2
Кирилл Лебедев для jVector Maps
Nepcha Analytics для инструмента аналитики. Nepcha уже интегрирован с Vue Material Dashboard PRO. Вы можете использовать его, чтобы получить представление об источниках трафика.
Дайте нам знать ваши мысли ниже. И удачи в развитии!
Версии
Демо
Быстрый старт
Документация
Структура файла
Поддержка браузера
Ресурсы
Отчеты о проблемах
Техническая поддержка или вопросы
Лицензирование
Полезные ссылки
Вю | Реагировать | Угловой | HTML |
---|---|---|---|
Стартовая страница
Страница виджетов
Страница Таблицы
Страница «Карты»
Страница уведомлений
Страница графиков
Посмотреть больше.
Варианты быстрого старта:
Купить у Креатив Тима
Документация для Material Dashboard Pro размещена на нашем веб-сайте.
В загрузке вы найдете следующие каталоги и файлы:
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
В настоящее время мы официально стремимся поддерживать две последние версии следующих браузеров:
Живой просмотр
Страница покупки: https://www.creative-tim.com/product/vue-material-dashboard-pro
Документация здесь
Лицензионное соглашение: https://www.creative-tim.com/license.
Поддержка: https://www.creative-tim.com/contact-us
Проблемы: Страница проблем на Github
Панель инструментов Vue Material — демо
Для внешней разработки — Material Kit Pro
Nepcha Analytics - инструмент аналитики для вашего сайта
Мы используем GitHub Issues в качестве официального средства отслеживания ошибок в Material Dashboard Pro. Вот несколько советов для наших пользователей, которые хотят сообщить о проблеме:
Убедитесь, что вы используете последнюю версию Material Dashboard Pro. Проверьте журнал изменений на панели управления на нашем веб-сайте.
Предоставление нам воспроизводимых действий по устранению проблемы сократит время, необходимое для ее устранения.
Некоторые проблемы могут быть связаны с конкретным браузером, поэтому может помочь указание, в каком браузере вы столкнулись с проблемой.
Если у вас есть вопросы или вам нужна помощь в интеграции продукта, свяжитесь с нами, а не открывайте проблему.
Авторские права Creative Tim, 2022 г. (https://www.creative-tim.com)
Лицензия Креатив Тим
Другие товары от Creative Tim
Продукты Vue от Creative Tim
Учебники
Бесплатные подарки от Creative Tim
Партнерская программа (заработок)
Твиттер: https://twitter.com/CreativeTim
Facebook: https://www.facebook.com/CreativeTim
Дриббл: https://dribbble.com/creativetim
Google+: https://plus.google.com/+CreativetimPage
Инстаграм: https://instagram.com/creativetimofficial.