This Vue.js project shows a Full-Screen Layout. It uses Flexbox.
You can use this as starting point for your vue app.
This project has a header, footer, and three columns.
The center column contains the main content, left and right can be used for navigation.
It has these features:
- completely fills the screen.
- the main content area is fluid center with fixed-width sidebars.
- all columns are be the same height
- footer always on bottom
The vue-layout becomes a Flexbox component with Slots to accept other components.
You need npm to install this project.
# install dependencies
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report