布局

用于界面整体布局。

API

LayoutContainer

无。

LayoutMain

无。

LayoutAside

属性名	值类型/可选值	默认值	说明
width	'none' | 'auto' | number | string	-

LayoutHeader

属性名	值类型/可选值	默认值	说明
height	'none' | 'auto' | number | string	-

LayoutFooter

属性名	值类型/可选值	默认值	说明
height	'none' | 'auto' | number | string	-

风格变量

CSS 变量	Sass 变量	默认值	说明
--petals-layout-container-bg	$petals--layout-container-bg	transparent
--petals-layout-main-margin	$petals--layout-main-margin
--petals-layout-main-padding	$petals--layout-main-padding
--petals-layout-main-bg
--petals-layout-aside-width	$petals--layout-aside-width
--petals-layout-aside-font-size	$petals--layout-aside-font-size
--petals-layout-aside-font-weight	$petals--layout-aside-font-weight
--petals-layout-aside-color	$petals--layout-aside-color
--petals-layout-aside-bg	$petals--layout-aside-bg
--petals-layout-aside-border-width	$petals--layout-aside-border-width
--petals-layout-aside-border-color	$petals--layout-aside-border-color
--petals-layout-header-height	$petals--layout-header-height
--petals-layout-header-padding-y	$petals--layout-header-padding-y
--petals-layout-header-padding-x	$petals--layout-header-padding-x
--petals-layout-header-font-size	$petals--layout-header-font-size
--petals-layout-header-color	$petals--layout-header-color
--petals-layout-header-bg	$petals--layout-header-bg
--petals-layout-header-box-shadow	$petals--layout-header-box-shadow
--petals-layout-footer-height	$petals--layout-footer-height
--petals-layout-footer-padding-y	$petals--layout-footer-padding-y
--petals-layout-footer-padding-x	$petals--layout-footer-padding-x
--petals-layout-footer-font-size	$petals--layout-footer-font-size
--petals-layout-footer-color	$petals--layout-footer-color
--petals-layout-footer-bg	$petals--layout-footer-bg
--petals-layout-footer-box-shadow