Update react编码规范.md
This commit is contained in:
parent
44d7a75628
commit
2c91ec2dd4
|
@ -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|''|
|
||||
|
||||
## 基本代码结构
|
||||
|
||||
|
|
Loading…
Reference in New Issue