Skip to main content

警告提示(AntdAlert)组件

本文将介绍警告提示(AntdAlert)组件的使用,警告提示组件功能分【内容】及【样式】两块选项,用户根据自己的需求进行内容的编辑及样式的修改

一、内容

1、属性

1.1 类型

点击旁边的JS图标可以自行编写代码

目前内置4种类型的警告提示样式,分别为成功(success)、信息(info)、警告(warning)、错误(error)

2、文本

2.1 标题

可以设置警告提示组件的标题内容,

支持配置静态文本数据或使用{{ }}动态数据

2.2 描述

可以设置警告提示组件的描述内容,

支持配置静态文本数据或使用{{ }}动态数据

3、属性

3.1 是否显示

点击旁边的JS图标可以自行编写代码,通过True/False来控制是否开启该功能

可以设置警告提示组件在页面上是否可见

3.2 是否显示图标

点击旁边的JS图标可以自行编写代码,通过True/False来控制是否开启该功能

可以设置警告提示组件是否显示图标

3.3 开启轮播

点击旁边的JS图标可以自行编写代码,通过True/False来控制是否开启该功能

可以设置警告提示组件中的描述内容是否轮播滚动

3.4 开启操作

点击旁边的JS图标可以自行编写代码,通过True/False来控制是否开启该功能

可以设置警告提示组件的右上角,是否显示操作按钮,支持设置关闭按钮或文本按钮

  • 关闭按钮
  • 操作按钮
  • onClick

点击旁边的JS图标可以自行编写代码

可以设置点击按钮时触发的事件动作

3.5 高度

该功能可以配置警告提示组件的高度大小

名称描述
固定高度通过拖拽边框来控制组件的大小,使其固定不变
自动高度组件根据画布内容及其他情况可以自行动态调整
区间自动高度与自动高度差不多,支持设置组件占用的最小、最大行数

二、组件属性

2.1 isVisible

该属性可以反应组件的可见状态,是True还是False,可以看下面的示例:

{{AntdAlert1.isVisible}}

2.2 message

该属性可以警告提示组件的标题信息,可以看下面的示例:

{{AntdAlert1.message}}

2.3 .description

该属性可以警告提示组件的描述信息,可以看下面的示例:

{{AntdAlert1.description}}

三、组件属性设置方法

3.1 setAlertType

该方法可以设置AlertType属性的值(值必须为字符串),可以看下面的示例:

{{AntdAlert1.setAlertType('info')}}

3.2 setDescription

该方法可以设置description属性的值,可以看下面的示例:

{{AntdAlert1.setDescription("测试")}}

3.3 setMessage

该方法可以设置Message属性的值,可以看下面的示例:

{{AntdAlert1.description}}

3.4 setShowIcon

该方法可以设置showIcon属性的值,可以看下面的示例:

{{AntdAlert1.setShowIcon(false)}}

3.5 setVisibility

该方法可以设置isVisible属性的值,可以看下面的示例:

{{AntdAlert1.setVisibility(false)}}