1.0.4 • Published 8 years ago

react-respond v1.0.4

Weekly downloads
3
License
ISC
Repository
github
Last release
8 years ago

react-respond

这是啥?

这是一个基于react的布局组件

为啥?

这类组件应该是比较多的,而且很多成熟框架都有此类功能,做这玩意儿不是浪费时间吗? 对,是在浪费时间,我再来个粗糙的轮子就是以为了练手! 不过现在这东西还很渣!

特点

响应式布局,自定义响应式布局的规则,自动显示或隐藏侧边栏,详见 wiki

安装

npm install --save react-respond

使用

var ReactRespond = require('react-respond'),    //主体容器
 RRCell = ReactRespond.RRCell,                //基础子元素
 RRFix = ReactRespond.RRFix,                  //浮动fix定位的子元素
 
<ReactRespond
    {/* ...someProps goes here */}
>
    <RRCell
        {/* ...someProps goes here */}
    >
        {/* your content gose here */}
    </RRCell>
    {/* ... any other RRCells ... */}
    <RRCell
        {/* ...someProps goes here */}
    >
        {/* your content gose here */}
    </RRCell>
    <RRFix
        type = 'top'                        //fix的元素需要存在type属性,定义它在页面上的位置类型,默认是“top”
        {/* ...someProps goes here */}
    >
        {/* your content gose here */}
    </RRFix>
</ReactRespond>

在ReactRespond只允许存在RRCell、RRFix两类元素,其他元素将被移除; RRFix同方向的元最多只能存在1个,多余的将被移除。

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago