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

/icontainer/

    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-