用于展示流程结束页面的控件
import { ResultPage } from 'mand-mobile'
Vue.component(ResultPage.name, ResultPage)
建议将组建的父元素设置填满视窗,以达到居中的效果。页面上的图片会根据type设置相应的默认值
| 属性 |
说明 |
类型 |
默认值 |
备注 |
| type |
页面类别 |
String |
empty |
type可取lost, network和empty三个值,分别代表页面丢失、网络出错和空信息。根据类别不同,组件会拥有不同的默认图片和文案 |
| img-url |
图片链接 |
String |
空信息图片 |
根据类别不同,组件会拥有不同的默认图片 |
| text |
主文案 |
String |
暂无信息 |
根据类别不同,组件会拥有不同的默认主文案 |
| subtext |
副文案 |
String |
- |
以更小的字体和更淡的颜色显示在主文案下方 |
| buttons |
按钮列表 |
Array |
- |
按钮对象数组,按钮可参考Button |
| 属性 |
说明 |
类型 |
默认值 |
备注 |
| text |
按钮文字 |
String |
- |
- |
| type |
按钮样式类别 |
String |
default |
可参考Button |
| handler |
�点击操作 |
Function |
- |
点击按钮后调用的方法 |
| plain 2.5.0+ |
朴素 |
Boolean |
最后一个按钮为false,其它为true |
|
| round 2.5.0+ |
圆角 |
Boolean |
false |
- |
| icon 2.5.0+ |
按钮图标 |
String |
- |
- |
| iconSvg 2.5.0+ |
按钮svg图标 |
Boolean |
false |
- |
| inactive 2.5.0+ |
未激活 |
Boolean |
false |
- |
| loading 2.5.0+ |
加载中状态 |
Boolean |
false |
- |