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 展现形式还在探索之中，可能随着需求发生变化。