title | preview |
---|---|
ResultPage 结果页 |
用于展示流程结束页面的控件
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 |
- |