0.0.2 • Published 1 year ago
icontainer v0.0.2
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 展现形式还在探索之中，可能随着需求发生变化。