ResultPage

To display the process ending page

Import

import { ResultPage } from  'mand-mobile-next'

Vue.createApp().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`

Button Props

Props	Description	Type	Default	Note
text	button text	String	-	-
type	button style	String	`default`	refer to `Button`
handler	callback of click operation	Function	-	callback function invoked after clicking
plain	-	Boolean	`false` for the last one and `true` for the others	-
round	-	Boolean	`false`	-
icon	icon name	String	-	-
iconSvg	use svg icon	Boolean	`false`	-
inactive	-	Boolean	`false`	-
loading	-	Boolean	`false`	-

Landscape

WaterMark

# ResultPage

# Import

# Instruction

# Code Examples

# API

# ResultPage Props

# Button Props