Result 结果

介绍

多种类型的结果面板

使用指南

一般用法

默认场景--成功--success

<tms-result title="成功" describe="这是一段描述 操作成功"/>

场景类型--等待--waiting

<tms-result type="waiting" title="清稍候" describe="关于等待的具体描述"/>

自定义图片

<tms-result image="IMAGE_URL" title="自定义图片" describe="这是一段描述"/>

API

属性	说明	类型	默认值	版本
title	标题	string	''
describe	标题下方描述	string	''
image	自定义图标	string	''
type	内置的几种场景类型	string	'success'

type的可选值列表

属性	说明
success	成功
waiting	请等待

EVENTS

属性	说明	类型
bind:click-title	点击标题事件	(event) => {}
bind:click-desc	点击标题下方文字事件	(event) => {}
bind:click-image	点击图标事件	(event) => {}

CSS变量

// 标题颜色
--result-title-color: #333333;
// 标题字体大小
--result-title-font-size: 40rpx;
// 描述文本颜色
--result-desc-color: #999999;
// 描述字体大小
--result-desc-font-size: 28rpx;
// 图标宽度
--result-icon-width: 384rpx;
// 图标高度
--result-icon-height: 384rpx;

FAQ