关于 RSUITE
RSUITE [ɑː(r)swiːt]
是一套 React 开发的 UI 组件库,提供 Bootstrap 设计体系的常用组件,并且会在此基础上持续开发一些高级组件。
我们的目标就是让 WEB 开发更快捷,同时具有一定的灵活性和扩展性。
特性
- 基于 React 组件化开发模式
- 丰富、漂亮 UI 组件
- 支持多主题切换
- 支持响应式布局
- 支持 ES2015
版本
#### 安装
npm install rsuite --save
示例:
// ES2015
const { Button } = require('rsuite');
// CommonJS
var Button = require('rsuite').Button;
// AMD
define(['rsuite'], function(Suite) {
var Button = Suite.Button;
...
});
ReactDOM.render(<Button>Button</Button>, mountNode);
主题
- 可以直接引入css
<link rel="stylesheet" href="//t.hypers.com.cn/libs/rsuite/css/0.1.0/rsuite.min.css">
- 可以通过 rsuite-theme 管理,只需要配置一个系统主色,自动生成系统配色方案。
浏览器支持
默认支持 IE9+, chrome , safari , Firefox 等主流浏览器,如果想要支持 IE8 及以下的浏览器,需要引入 html5shiv、es5-shim, 来处理对 HTML5 标签、ECMAScript5 兼容性问题
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-shim.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-sham.js"></script>
<![endif]-->
相关链接:
- http://rsuite.github.io/rsuite-table/
- https://rsuite.github.io/rsuite-datepicker/
- http://rsuite.github.io/rsuite-daterangepicker/
- http://rsuite.github.io/rsuite-picker/
- http://rsuite.github.io/rsuite-echarts/
- https://rsuite.github.io/rsuite-uploader/
- http://rsuite.github.io/rsuite-tree/
- http://rsuite.github.io/rsuite-slider/
- http://rsuite.github.io/rsuite-affix/
- https://rsuite.github.io/rsuite-autocomplete/