muse vue ant design dashboard
v1.0.0
Muse — Vue Ant Design Dashboard — это красивая панель администратора Ant Design Vue с большим количеством компонентов, призванная выглядеть красиво и организованно.
Создан для тех, кто любит смелые элементы и красивые веб-сайты. Soft UI Dashboard, состоящая из сотен элементов, разработанных блоков и полностью закодированных страниц, готова помочь вам создавать потрясающие веб-сайты и веб-приложения.
Мы создали множество примеров для таких страниц, как «Вход», «Профиль» и т. д. Просто выберите между базовым дизайном, иллюстрацией или обложкой, и все готово!
Полностью закодированные элементы
Muse — панель управления Vue Ant Design состоит из более чем 70 отдельных элементов интерфейса, таких как кнопки, поля ввода, навигационные панели, навигационные вкладки, карточки или оповещения, что дает вам свободу выбора и комбинирования. Все компоненты могут иметь разные цвета, которые вы можете легко изменить с помощью файлов и классов SASS. Вы сэкономите много времени на пути от прототипирования к полнофункциональному коду, поскольку все элементы уже реализованы.
Посмотреть все компоненты можно здесь.
Документация, созданная разработчиками
Каждый элемент хорошо представлен в очень сложной документации. Подробнее о документации можно прочитать здесь.
Примеры страниц
Если вы хотите получить вдохновение или просто показать что-то непосредственно своим клиентам, вы можете начать разработку с помощью наших готовых примеров страниц. Вы сможете быстро настроить базовую структуру вашего веб-проекта. Посмотреть примеры страниц можно здесь.
ПОЛЕЗНЫЕ ССЫЛКИ
Посмотреть репозиторий Github
Проверьте страницу часто задаваемых вопросов
Особая благодарность
При разработке этой информационной панели мы использовали множество существующих ресурсов от замечательных разработчиков. Мы хотим поблагодарить их за предоставление своих инструментов с открытым исходным кодом:
Ant Design Vue — язык проектирования пользовательского интерфейса корпоративного класса для веб-приложений.
Дайте нам знать ваши мысли ниже. И удачи в развитии!
Версии
Демо
Быстрый старт
Развертывать
Документация
Структура файла
Поддержка браузера
Ресурсы
Отчеты о проблемах
Техническая поддержка или вопросы
Лицензирование
Полезные ссылки
Страница профиля
Страница входа
Страница регистрации
Посмотреть больше.
Варианты быстрого старта:
Загрузите с Creative Tim.
Загрузите и установите NodeJs с официальной страницы NodeJs.
Перейдите в корневой каталог / и запустите npm install, чтобы установить наши локальные зависимости.
Вы можете развернуть собственную версию шаблона в Genezio одним щелчком мыши:
Документация по панели управления Muse Vue Ant Design размещена на нашем веб-сайте.
В загрузке вы найдете следующие каталоги и файлы:
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
Мы используем GitHub Issues в качестве официального средства отслеживания ошибок в панели управления Muse Vue Ant Design. Вот несколько советов для наших пользователей, которые хотят сообщить о проблеме:
Убедитесь, что вы используете последнюю версию панели инструментов Muse Vue Ant Design. Проверьте журнал изменений на панели управления на нашем веб-сайте.
Предоставление нам воспроизводимых действий по устранению проблемы сократит время, необходимое для ее устранения.
Некоторые проблемы могут быть связаны с конкретным браузером, поэтому может помочь указание, в каком браузере вы столкнулись с проблемой.
Если у вас есть вопросы или вам нужна помощь в интеграции продукта, свяжитесь с нами, а не открывайте проблему.
© Creative Tim, 2021 г.
Лицензия Креатив Тим
Другие товары от Creative Tim
Учебники
Бесплатные подарки от Creative Tim
Партнерская программа (заработок)
Твиттер: https://twitter.com/CreativeTim
Facebook: https://www.facebook.com/CreativeTim
Дриббл: https://dribbble.com/creativetim
Инстаграм: https://instagram.com/creativetimofficial.
