mand-mobile/components/result-page
xuxiaoyan 985cd4955b example(result-page): update cases 2018-12-21 18:25:41 +08:00
..
demo example(result-page): update cases 2018-12-21 18:25:41 +08:00
test test(result-page): update snapshots 2018-12-21 16:10:27 +08:00
README.en-US.md doc: update readme example link 2018-12-18 16:06:20 +08:00
README.md doc: update readme example link 2018-12-18 16:06:20 +08:00
component.js Initial commit 2018-03-26 16:04:04 +08:00
index.vue fix(result-page): update icon 2018-12-21 16:00:24 +08:00

README.en-US.md

title preview
ResultPage https://mand-mobile.github.io/2x-doc/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

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