0.0.19 • Published 3 years ago
ofs-hor-layout v0.0.19
description
ofs-hor-layout is a layout with a horizontal alignment。
installing
$ npm install ofs-hor-layout
import in main.ts
// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import OfsHorLayout from 'ofs-hor-layout'
import 'ofs-hor-layout/lib/style.css'
const app = createApp(App)
app.use(ElementPlus)
.use(OfsHorLayout)
.mount('#app')
using in page
<ofs-hor-layout
:side-width="220"
:side-collapse-width="64"
:header-height="50"
:tags-view-height="20"
@collapse="collapse"
@layout-changed="changed"
>
<template #logo> RK </template>
<template #menu> aside </template>
<template #header> header </template>
<template #tags> tags view </template>
<template #main> main </template>
</ofs-hor-layout>
import OfsHorLayout from 'ofs-hor-layout'
const collapse = (val: boolean) => {
console.log(val)
}
const changed = (val: OfsWindowSize) => {
console.log(val)
}
0.0.19
3 years ago
0.0.18
3 years ago
0.0.17
3 years ago
0.0.16
3 years ago
0.0.15
3 years ago
0.0.14
3 years ago
0.0.13
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago