element-ui result 组件源码分享

今日简单分享 result 组件的源码实现，主要从以下三个方面：

1、result 组件页面结构

2、result 组件属性

3、result 组件 slot

一、result 组件页面结构

二、result 组件属性

2.1 title 属性，标题，类型 string，无默认值。

组件使用及展示效果：

2.2 sub-title 属性，二级标题，类型 string，无默认值。

组件使用及展示效果：

2.3  icon 属性，图标类型，类型 string，success / warning / info / error，默认 info。

组件使用及展示效果：

矢量图标的补充，以 success 矢量图标组件为例子：

比如说，我们的矢量图标是在阿里图标库里面，例如：

三、result 组件 slot

3.1 icon 挂载，自定义图标。

组件使用及展示效果：

3.2 title 挂载，自定义标题。

组件使用及展示效果：

3.3 subTitle 挂载，自定义二级标题。

组件使用及展示效果：

3.4 extra 挂载，自定义底部额外区域。

组件使用及展示效果：