mand-mobile/components/result-page

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

To display the process ending page

Import

import { ResultPage } from 'mand-mobile'

Vue.component(ResultPage.name, ResultPage)

Instruction

It is recommended to set the parent element filled with windows to achieve centering. The corresponding default value of picture on the page will be set according to the type.

Code Examples

API

ResultPage Props

Props	Description	Type	Default	Note
type	page type	String	empty	three optional vaules: lost, network and empty, represent missing page, network error and empty information respectively. The default images and texts of component differ according to the category
img-url	image link	String	empty	the default images of component differ according to the category
text	main copy	String	-	the main texts of component differ according to the category
subtext	assistant copy	String	-	show as a smaller font and lighter color under the main copy
buttons	button list	Array	-	array of button objects, whose structure can be referred to Button Props table

Button Props

Props	Description	Type	Default	Note
text	button text	String	-	-
type	button style	String	ghost	ghost-primary is alternative, refer to Button
handler	callback of click operation	Function	-	callback function invoked after clicking