2018-03-26 16:04:04 +08:00
|
|
|
|
---
|
|
|
|
|
|
title: ResultPage 结果页
|
2019-01-29 16:31:24 +08:00
|
|
|
|
preview: https://didi.github.io/mand-mobile/examples/#/result-page
|
2018-03-26 16:04:04 +08:00
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
用于展示流程结束页面的控件
|
|
|
|
|
|
|
|
|
|
|
|
### 引入
|
|
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
|
import { ResultPage } from 'mand-mobile'
|
|
|
|
|
|
|
|
|
|
|
|
Vue.component(ResultPage.name, ResultPage)
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 使用指南
|
|
|
|
|
|
|
|
|
|
|
|
建议将组建的父元素设置填满视窗，以达到居中的效果。页面上的图片会根据`type`设置相应的默认值
|
|
|
|
|
|
|
|
|
|
|
|
### 代码演示
|
|
|
|
|
|
<!-- DEMO -->
|
|
|
|
|
|
|
|
|
|
|
|
### API
|
|
|
|
|
|
|
|
|
|
|
|
#### ResultPage Props
|
|
|
|
|
|
|属性 | 说明 | 类型 | 默认值 | 备注|
|
|
|
|
|
|
|----|-----|------|------|------|
|
|
|
|
|
|
|type | 页面类别 | String | `empty` | type可取`lost`, `network`和`empty`三个值，分别代表页面丢失、网络出错和空信息。根据类别不同，组件会拥有不同的默认图片和文案|
|
|
|
|
|
|
|img-url | 图片链接 | String | 空信息图片 | 根据类别不同，组件会拥有不同的默认图片 |
|
|
|
|
|
|
|text | 主文案 | String | `暂无信息` | 根据类别不同，组件会拥有不同的默认主文案 |
|
|
|
|
|
|
|subtext | 副文案 | String | - | 以更小的字体和更淡的颜色显示在主文案下方 |
|
2018-11-25 10:40:18 +08:00
|
|
|
|
|buttons | 按钮列表 | Array | - | 按钮对象数组，按钮可参考`Button`|
|
2018-03-26 16:04:04 +08:00
|
|
|
|
|
|
|
|
|
|
#### Button Props
|
|
|
|
|
|
|属性 | 说明 | 类型 | 默认值 | 备注|
|
|
|
|
|
|
|----|-----|------|------|------|
|
|
|
|
|
|
|text | 按钮文字 | String | - | - |
|
2018-08-29 14:47:06 +08:00
|
|
|
|
|type | 按钮样式类别 | String | `default` | 可参考`Button` |
|
2018-03-26 16:04:04 +08:00
|
|
|
|
|handler | 点击操作 | Function | - | 点击按钮后调用的方法 |
|
2019-09-04 18:24:25 +08:00
|
|
|
|
|plain <sup class="version-after">2.5.0+</sup>|朴素|Boolean|最后一个按钮为`false`，其它为`true`|
|
|
|
|
|
|
|round <sup class="version-after">2.5.0+</sup>|圆角|Boolean|`false`|-|
|
|
|
|
|
|
|icon <sup class="version-after">2.5.0+</sup>|按钮图标|String|-|-|
|
|
|
|
|
|
|iconSvg <sup class="version-after">2.5.0+</sup>|按钮svg图标|Boolean|`false`|-|
|
|
|
|
|
|
|inactive <sup class="version-after">2.5.0+</sup>|未激活|Boolean|`false`|-|
|
|
|
|
|
|
|loading <sup class="version-after">2.5.0+</sup>|加载中状态|Boolean|`false`|-|
|
