Muse - Vue Ant Design Dashboard es un hermoso panel de administración de Ant Design Vue con una gran cantidad de componentes, diseñado para verse hermoso y organizado.
Diseñado para quienes gustan de elementos atrevidos y sitios web atractivos. Compuesto por cientos de elementos, bloques diseñados y páginas completamente codificadas, Soft UI Dashboard está listo para ayudarlo a crear sitios web y aplicaciones web impresionantes.
Creamos muchos ejemplos para páginas como Iniciar sesión, Perfil, etc. ¡Simplemente elige entre un Diseño Básico, una ilustración o una portada y listo!
Elementos completamente codificados
Muse: Vue Ant Design Dashboard está construido con más de 70 elementos individuales de interfaz, como botones, entradas, barras de navegación, pestañas de navegación, tarjetas o alertas, lo que le brinda la libertad de elegir y combinar. Todos los componentes pueden aceptar variaciones de color, que puedes modificar fácilmente utilizando archivos y clases SASS. Ahorrará mucho tiempo al pasar de la creación de prototipos al código completamente funcional, porque todos los elementos están implementados.
Vea todos los componentes aquí.
Documentación creada por desarrolladores
Cada elemento está bien presentado en una documentación muy compleja. Puede leer más sobre la documentación aquí.
Páginas de ejemplo
Si desea inspirarse o simplemente mostrar algo directamente a sus clientes, puede iniciar su desarrollo con nuestras páginas de ejemplo prediseñadas. Podrás configurar rápidamente la estructura básica de tu proyecto web. Vea páginas de ejemplo aquí.
ENLACES ÚTILES
Ver repositorio de Github
Consulte la página de preguntas frecuentes
agradecimiento especial
Durante el desarrollo de este panel, hemos utilizado muchos recursos existentes de desarrolladores increíbles. Queremos agradecerles por proporcionar sus herramientas de código abierto:
Ant Design Vue: un lenguaje de diseño de interfaz de usuario de clase empresarial para aplicaciones web
Háganos saber su opinión a continuación. ¡Y buena suerte con el desarrollo!
Versiones
Manifestación
Inicio rápido
Desplegar
Documentación
Estructura de archivos
Soporte del navegador
Recursos
Problemas de informes
Soporte Técnico o Preguntas
Licencias
Enlaces útiles
página de perfil
Iniciar sesión en la página
Página de registro
Ver más.
Opciones de inicio rápido:
Descargar desde Creative Tim.
Descargue e instale NodeJs desde la página oficial de NodeJs.
Navegue hasta el directorio raíz/y ejecute npm install para instalar nuestras dependencias locales.
Puede implementar su propia versión de la plantilla en Genezio con un solo clic:
La documentación del panel de diseño de Muse Vue Ant está alojada en nuestro sitio web.
Dentro de la descarga encontrará los siguientes directorios y archivos:
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
En la actualidad, nuestro objetivo oficial es admitir las dos últimas versiones de los siguientes navegadores:
Vista previa en vivo
Descargar página
La documentación está aquí.
Acuerdo de licencia
Apoyo
Problemas: Página de problemas de Github
Usamos GitHub Issues como rastreador de errores oficial para Muse Vue Ant Design Dashboard. Aquí hay algunos consejos para nuestros usuarios que quieran informar un problema:
Asegúrese de estar utilizando la última versión de Muse Vue Ant Design Dashboard. Consulte el REGISTRO DE CAMBIOS desde su panel de control en nuestro sitio web.
Proporcionarnos pasos reproducibles para el problema acortará el tiempo que lleva solucionarlo.
Algunos problemas pueden ser específicos del navegador, por lo que puede ser útil especificar en qué navegador encontró el problema.
Si tiene preguntas o necesita ayuda para integrar el producto, comuníquese con nosotros en lugar de abrir un problema.
Copyright 2021 Tim creativo
Licencia de Tim creativo
Más productos de Creative Tim
Tutoriales
Regalos de Creative Tim
Programa de afiliados (ganar dinero)
Gorjeo: https://twitter.com/CreativeTim
Facebook: https://www.facebook.com/CreativeTim
Regatear: https://dribbble.com/creativetim
Instagram: https://instagram.com/creativetimofficial