icontainer
v0.0.2
Published
a container and center layout, with breakpoint and iphone size
Downloads
5
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 展现形式还在探索之中,可能随着需求发生变化。