警告提示(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)}}
