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