drip-ui/packages/steps/zh-CN.md

Lightweight Mobile UI Components built on Vue

## steps 按钮

### 使用指南
``` javascript
import { Steps } from 'drip-ui'

Vue.use(Steps)
```

### 代码演示

```html
<drip-steps :list="list"></drip-steps>
```
```js
data() {
    return {
      list: [
        {
          title: '退款申请已提交，退保成功',
          desc: '2019-10-08 13:00:00'
        },
        {
          title: '正在退款，预计5个工作日退换至您的支付账',
          desc: '2019-10-08 13:00:00'
        },
        {
          title: '退款成功',
          desc: '2019-10-08 13:00:00'
        }
      ].reverse()
    }
  }
```

### API

| 参数 | 说明 | 类型 | 默认值 |
|-----------|-----------|-----------|-------------|
| list | 步骤列表 | `Array` | `[]` |
| title | 步骤描述的标题 | `String` | `''` |
| desc | 步骤描述的补充 | `String` | `''` |
| isLight | 某个步骤是否点亮 | `Boolean` | `false` |
| status | 决定某个步骤的进度线的颜色0:灰色;1:橙到灰;2:橙色 | `Number` | `0` |
| orderType | 步骤条顺序0:从下往上;1:从上往下 | `Number` | `0` |