Skip to content

Latest commit

 

History

History
 
 

result-page

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
title preview
ResultPage 结果页

用于展示流程结束页面的控件

引入

import { ResultPage } from 'mand-mobile'

Vue.component(ResultPage.name, ResultPage)

使用指南

建议将组建的父元素设置填满视窗,以达到居中的效果。页面上的图片会根据type设置相应的默认值

代码演示

API

ResultPage Props

属性 说明 类型 默认值 备注
type 页面类别 String empty type可取lost, networkempty三个值,分别代表页面丢失、网络出错和空信息。根据类别不同,组件会拥有不同的默认图片和文案
img-url 图片链接 String 空信息图片 根据类别不同,组件会拥有不同的默认图片
text 主文案 String 暂无信息 根据类别不同,组件会拥有不同的默认主文案
subtext 副文案 String - 以更小的字体和更淡的颜色显示在主文案下方
buttons 按钮列表 Array - 按钮对象数组,按钮可参考Button

Button Props

属性 说明 类型 默认值 备注
text 按钮文字 String - -
type 按钮样式类别 String default 可参考Button
handler �点击操作 Function - 点击按钮后调用的方法
plain 2.5.0+ 朴素 Boolean 最后一个按钮为false,其它为true
round 2.5.0+ 圆角 Boolean false -
icon 2.5.0+ 按钮图标 String - -
iconSvg 2.5.0+ 按钮svg图标 Boolean false -
inactive 2.5.0+ 未激活 Boolean false -
loading 2.5.0+ 加载中状态 Boolean false -