VResultPage
Result page components for different ending page.
It is recommended to set the parent element filled with windows for centering. The corresponding default value of picture on the page will be set according to the type
.
Import
javascript
import { VResultPage } from 'vui-vc-next'
app.component(VResultPage.name, VResultPage)
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 |
sub-text | assistant copy | String | - | show as a smaller font and lighter color under the main copy |
buttons | button list | Array | - | array of button objects, the 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 | - |