Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chenguzhen87/vue-layout-page
Three line layout for Vue 2 and 3 page
https://github.com/chenguzhen87/vue-layout-page
vue-layout vue2 vue3
Last synced: 3 days ago
JSON representation
Three line layout for Vue 2 and 3 page
- Host: GitHub
- URL: https://github.com/chenguzhen87/vue-layout-page
- Owner: chenguzhen87
- Created: 2022-05-05T10:05:38.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T02:40:21.000Z (10 months ago)
- Last Synced: 2024-05-28T18:41:40.920Z (4 months ago)
- Topics: vue-layout, vue2, vue3
- Language: TypeScript
- Homepage:
- Size: 65.4 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-layout-page
Three line layout for Vue page
## Features
- Support both Vue 2 & Vue 3
- Support both PC & Mobile
## Installation
### Vue 3
```bash
npm install vue-layout-page
```
```ts
// import globally in main.js
import VueLayoutPage from 'vue-layout-page'
import 'vue-layout-page/dist/style.css';
app.use(VueLayoutPage)
// in SFC component
```
```vue
import VueLayoutPage from 'vue-layout-page'
import 'vue-layout-page/dist/style.css';
```
### Vue 2
```bash
npm install vue-layout-page
```
```ts
// import globally
import VueLayoutPage from 'vue-layout-page'
import 'vue-layout-page/dist/style.css';
app.use(VueLayoutPage)
```
```vue
import VueLayoutPage from 'vue-layout-page'
import 'vue-layout-page/dist/style.css';
export default {
components: { VueLayoutPage },
}
```
## Props
| Name | Description | Type |
|-------------------------|---------------------------------------------------------------------------------|---------|
| bodyBgColor | body backgound color | string |
| hideHeaderPlaceholder | hide header placeholder | boolean |
| hideFooterPlaceholder | hide footer placeholder | boolean |
## Preview
