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

PropsDescriptionTypeDefaultNote
typepage typeStringemptythree 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-urlimage linkStringemptythe default images of component differ according to the category
textmain copyString-the main texts of component differ according to the category
subtextassistant copyString-show as a smaller font and lighter color under the main copy
buttonsbutton listArray-array of button objects, whose structure can be referred to Button

Button Props

PropsDescriptionTypeDefaultNote
textbutton textString--
typebutton styleStringdefaultrefer to Button
handlercallback of click operationFunction-callback function invoked after clicking
plain-Booleanfalse for the last one and true for the others-
round-Booleanfalse-
iconicon nameString--
iconSvguse svg iconBooleanfalse-
inactive-Booleanfalse-
loading-Booleanfalse-