Update react编码规范.md

This commit is contained in:
ahua52 2016-11-24 14:09:25 +08:00 committed by GitHub
parent 44d7a75628
commit 2c91ec2dd4
1 changed files with 4 additions and 4 deletions

View File

@ -38,7 +38,8 @@ componentWillUpdate,componentDidUpdate,componentWillUnmount)
## 样式规范
- 组件样式使用sass编写公用样式使用tinper-bee-core包请阅读[tinper-bee-core文档](https://github.com/tinper-bee/tinper-bee-core)
- 组件样式调用使用classnames模块进行样式处理使用className调用
- 组件使用clsPrefix为样式前缀,用户也可在组件上设置自定义的clsPrefix="yourPre"
- 所有组件默认类名命名以`u-``开头
- 组件使用clsPrefix为样式前缀,用户也可在组件上设置自定义的`clsPrefix="yourPre"`
```javascript
const clsPrefix = 'u-select';
const class1 = {
@ -54,7 +55,7 @@ const classString = classNames('hide', class1, class2);
```
- 可提供多种颜色的组件在写scss文件时颜色设置需提出公用的minxin方法例如Alert组件中设置多种颜色 @alert-styles-variant
## 组件接口规范
## 通用组件接口规范
|参数|说明|类型|默认值|
|---|----|---|------|
@ -65,8 +66,7 @@ const classString = classNames('hide', class1, class2);
|className|增加额外的类名|string|''|
|htmlType|html dom 的 type 属性|string|''|
|style|内联样式|object|''|
|loadingText|loading时显示内容,默认值loading|string|loading|
|loadingTime|loading的时间|number|300ms|
|clsPrefix|自定义样式前缀|string|''|
## 基本代码结构