icontainer
TypeScript icon, indicating that this package has built-in type declarations

0.0.2 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i icontainer

Weekly Downloads

0

Version

0.0.2

License

MIT

Unpacked Size

21.7 kB

Total Files

7

Last publish

Collaborators

  • magnesium-