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 挂载,自定义底部额外区域。

组件使用及展示效果:

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-03 07:36:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-03 07:36:06       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-03 07:36:06       82 阅读
  4. Python语言-面向对象

    2024-04-03 07:36:06       91 阅读

热门阅读

  1. 若依框架:角色权限

    2024-04-03 07:36:06       49 阅读
  2. 如何使用springcloud LoadBalancer代替ribbon

    2024-04-03 07:36:06       39 阅读
  3. WebKit结构简介

    2024-04-03 07:36:06       37 阅读
  4. HTML表单

    2024-04-03 07:36:06       38 阅读
  5. DAY13|239.滑动窗口的最大值,347.前 K 个高频元素

    2024-04-03 07:36:06       39 阅读
  6. 开发Vue组件库

    2024-04-03 07:36:06       35 阅读
  7. css预编译sass,css也可以变得优雅

    2024-04-03 07:36:06       36 阅读
  8. head和body引入js的问题

    2024-04-03 07:36:06       34 阅读
  9. Vue2 和 Vue3 中的 v-model 的区别#记录

    2024-04-03 07:36:06       38 阅读
  10. php使用swoole实现TCP服务

    2024-04-03 07:36:06       32 阅读