mand-mobile/components/result-page/README.md

title	preview
ResultPage 结果页	https://didi.github.io/mand-mobile/examples/#/result-page

用于展示流程结束页面的控件

引入

import { ResultPage } from 'mand-mobile'

Vue.component(ResultPage.name, ResultPage)

使用指南

建议将组建的父元素设置填满视窗，以达到居中的效果。页面上的图片会根据type设置相应的默认值

代码演示

API

ResultPage Props

属性	说明	类型	默认值	备注
type	页面类别	String	empty	type可取lost, network和empty三个值，分别代表页面丢失、网络出错和空信息。根据类别不同，组件会拥有不同的默认图片和文案
img-url	图片链接	String	空信息图片	根据类别不同，组件会拥有不同的默认图片
text	主文案	String	暂无信息	根据类别不同，组件会拥有不同的默认主文案
subtext	副文案	String	-	以更小的字体和更淡的颜色显示在主文案下方
buttons	按钮列表	Array	-	按钮对象数组，按钮可参考Button

Button Props

属性	说明	类型	默认值	备注
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	-