Result结果

基础用法

<template>
  <div class="t-basic-result-area">
    <div>
      <as-result icon="success" title="成功提示" subTitle="请根据提示进行操作">
        <template slot="extra">
          <as-button type="primary" size="medium">返回</as-button>
        </template>
      </as-result>
    </div>
    <div>
      <as-result icon="warning" title="警告提示" subTitle="请根据提示进行操作">
        <template slot="extra">
          <as-button type="primary" size="medium">返回</as-button>
        </template>
      </as-result>
    </div>
    <div>
      <as-result icon="error" title="错误提示" subTitle="请根据提示进行操作">
        <template slot="extra">
          <as-button type="primary" size="medium">返回</as-button>
        </template>
      </as-result>
    </div>
    <div>
      <as-result icon="info" title="信息提示" subTitle="请根据提示进行操作">
        <template slot="extra">
          <as-button type="primary" size="medium">返回</as-button>
        </template>
      </as-result>
    </div>
  </div>
</template>
<script>
export default {
  name: "t-basic-result",
}
</script>
<style>
.t-basic-result-area{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  
}
.t-basic-result-area>div{
  width: 50%;
}
</style>

Expand Copy Copy

Attributes

参数	默认值	说明
title	--	标题,类型为String
sub-title	--	二级标题,类型为String
icon	info	图标类型,类型为String,可选值为success/warning/info/error

Slot

名称	说明
icon	自定义图标
title	自定义标题
subTitle	自定义二级标题
extra	自定义底部额外区域