HUI-VUE-Pro

# Layout 布局

版本：1.14.0

开发：陈冠彬

# 安装

$ npm i @hui-pro/layout
# 或者
$ yarn add @hui-pro/layout

# 引入

import layout from '@hui-pro/layout';
import '@hui-pro/layout/theme/index.scss';
Vue.use(layout);

# 布局一

Header
Content
Footer
布局一

经典布局一

# 布局二

Header
Content
Footer
布局二

经典布局二

# 布局三

Header
Content
Footer
布局三

经典布局三

# API

# Layout

参数 说明 类型 可选值 默认值
direction 内部是水平排列还是垂直排列，默认为'水平排列' String 'horizontal' / 'vertical' 子元素中有 h-layout-header 或 h-layout-footer 时为 'vertical'，否则默认为 'horizontal'

# LayoutHeader

参数 说明 类型 可选值 默认值
height 高度 String - -

# LayoutFooter

参数 说明 类型 可选值 默认值
height 高度 String - -

# LayoutAside

参数 说明 类型 可选值 默认值
width 宽度 String - -

# LayoutContent

参数 说明 类型 可选值 默认值
flex 内部是否使用 flex 布局 Boolean - false
direction 内部是水平排列还是垂直排列，默认为'水平排列' String 'horizontal' / 'vertical' 'horizontal'
overflow 内部是否出现滚动条 Boolean - false

ImgCard 图片卡片布局 →