icontainer
v0.0.2
Published
a container and center layout, with breakpoint and iphone size
Readme
icontainer
一个容器组件,默认使用 div, 然后使用
组件列表
|组件名|说明|
|---|---|
|<ContainerCenter />|容器组件(居中布局)|
.iContainerCenter {
display: flex;
align-items: center;
justify-content: center;
}使用 flex 布局居中处理
使用与 pc 的容器组件
|组件名|说明|
|---|---|
|<ContainerCenter.XS />|断点长度是:XS(480)|
|<ContainerCenter.SM />|断点长度是:MD(480)|
|<ContainerCenter.MD />|断点长度是:SM(768)|
|<ContainerCenter.LG />|断点长度是:SM(992)|
|<ContainerCenter.XL />|断点长度是:SM(1200)|
|<ContainerCenter.XXL />|断点长度是:SM(1600)|
使用与 iPhone 的容器组件
|组件名|说明|
|---|---|
|<ContainerCenter.iPhone4 />|iPhone 4|
|<ContainerCenter.iPhone5 />|iPhone 5|
|<ContainerCenter.iPhone5S />|iPhone 5S|
|<ContainerCenter.iPhone5C />|iPhone 5C|
|<ContainerCenter.iPhoneSE />|iPhone SE|
|<ContainerCenter.iPhone6 />|iPhone 6|
说明
api 展现形式还在探索之中,可能随着需求发生变化。
