CoPilot: una plantilla de administración totalmente responsiva diseñada con Vue.js
CoPilot es una plantilla de administración totalmente receptiva que se bifurca de AdminLTE < / a> . La diferencia aquí es que este repositorio está diseñado para usarse con Vue.js . La interfaz de usuario se basa en el Bootstrap 3 marco. Altamente personalizable y fácil de usar. Se adapta a muchas resoluciones de pantalla desde dispositivos móviles pequeños hasta escritorios grandes.
En un intento por mantener limpio el proyecto, no he incluido todos los complementos / funciones que ofrece AdminLTE. Simplemente necesita agregar el complemento en la carpeta / static / js / plugin para incluirlos o usar npm. He incluido los populares.
La estructura de la aplicación está estructurada por vue-cli . Que es una herramienta CLI simple que configura nuestro entorno. CoPilot usa el paquete webpack. Por lo tanto, obtenemos una configuración completa de Webpack + vue-loader con recarga en caliente, linting, pruebas y extracción de CSS.
Aprovechamos todos los artículos que ofrece vue.js Vue-Router para enrutamiento. Vue-Resource para llamadas AJAX. Vuex para la gestión del estado. ¡Este proyecto está utilizando VueJS 2.0! Las versiones anteriores se pueden encontrar en vue 1.0 branch .
La paleta de colores de esta plantilla esta compuesta por 33 colores:
| Color | Name | Hex | Rgb |
|---|---|---|---|
| Boston Blue | #3b8cbb | rgb(59,140,187) | |
| Neptune | #83bfc2 | rgb(131,191,194) | |
| Wedgewood | #487e9c | rgb(72,126,156) | |
| Shark | #1b2324 | rgb(27,35,36) | |
| Silver Tree | #61bf9d | rgb(97,191,157) | |
| Glacier | #7aabcb | rgb(122,171,203) | |
| Edward | #a2b5b2 | rgb(162,181,178) | |
| Astral | #3c7ca6 | rgb(60,124,166) | |
| Outer Space | #212a2f | rgb(33,42,47) | |
| Vista Blue | #7cccac | rgb(124,204,172) | |
| Jungle Green | #2ca67b | rgb(44,166,123) | |
| Matrix | #b35b52 | rgb(179,91,82) | |
| Astral | #34749f | rgb(52,116,159) | |
| Outer Space | #21292f | rgb(33,41,47) | |
| Pavlova | #d8c8a0 | rgb(216,200,160) | |
| Cerulean | #04a4d4 | rgb(4,164,212) | |
| Cutty Sark | #548179 | rgb(84,129,121) | |
| Affair | #644490 | rgb(100,68,144) | |
| Outer Space | #273037 | rgb(39,48,55) | |
| Downy | #72bbd2 | rgb(114,187,210) | |
| Glacier | #7caccc | rgb(124,172,204) | |
| Cape Cod | #525353 | rgb(82,83,83) | |
| Mountain Meadow | #14ac64 | rgb(20,172,100) | |
| Ebony Clay | #242c34 | rgb(36,44,52) | |
| Fountain Blue | #64a4bc | rgb(100,164,188) | |
| Smalt Blue | #507c86 | rgb(80,124,134) | |
| Dark Fern | #106619 | rgb(16,102,25) | |
| Burnt Sienna | #e78f50 | rgb(231,143,80) | |
| Green Haze | #05a25c | rgb(5,162,92) | |
| Emperor | #535353 | rgb(83,83,83) | |
| Mountain Meadow | #14ae66 | rgb(20,174,102) | |
| Outer Space | #242c33 | rgb(36,44,51) | |
| Aqua Island | #96dbcc | rgb(150,219,204) |
Acciones
Publicado
Categoria Vue JS
Diseño Responsive
Columnas 1
Apto para pantalla retina Si
Archivos incluidos Html, CSS, JavaScript
Exploradores compatibles IE10, IE11, Firefox, Safari, Opera, Chrome5
Bootstrap Bootstrap 3
Tags vuejs vue.js admin dashboard
Publicidad
Publicidad
