Callout告示组件
callout告示组件，可表达：通知、公告、警示、警告、注意、通知等意义；可代替alert、notice等组件。
简单使用
对文本容器使用ax-callout标签包裹即可表示一个警告内容。
- 输出
- HTML
-
中国的原始社会，起自大约170万年前的元谋人 -
也可以将内容写在content属性上。
- 输出
- HTML
主题
通过theme属性设置警告主题色，可选值有：prim、succ、error、info、warn,issue(默认)和text。
succ通常表示通过和成功；error通常表示危险和报错；issue通常表示有问题存在，待查看和待解决；info通常表示常规性的提示。
- 输出
- HTML
-
中国的原始社会，起自大约170万年前的元谋人 中国的原始社会，起自大约170万年前的元谋人 中国的原始社会，起自大约170万年前的元谋人 中国的原始社会，起自大约170万年前的元谋人 中国的原始社会
起自大约170万年前的元谋人中国的原始社会
起自大约170万年前的元谋人中国的原始社会
起自大约170万年前的元谋人 -
Attributes属性
| 名称 | 可选值 | 默认值 | 说明 |
|---|---|---|---|
| caption | '' | - | 显示标题 |
| theme | 'prim'/'error'/'succ'/'info'/'warn'/ 'issue'/'text'/ |
'info' | 主题颜色 |
| icon | ''/- | - | 图标样式类 |
| disk | ''/- | - | 圆形图片 |
| cube | ''/- | - | 方形图片 |
| image | ''/- | - | 普通图片 |
| href | ''/- | - | 超链接 |
| target | '_blank'/'_self'/- | - | 超链接的打开方式 |
| rel | 'nofollow'/'canonical'/'ugc' | - | 超链接的rel属性 |
| feature | 'alert'/'plain'/'' | - | 组合风格 |
| autoclose | ''/- | '' | 是否倒计时自动关闭 |
| closable | ''/- | - | 是否可点击隐藏 |
| opaque | ''/- | - | 悬浮时，是否不透明 |
| hidden | ''/- | - | 是否隐藏 |
| result | 'succ'/'info'/'warn'/'issue'/'error'/''/- | - | 是否显示动态图标 |
| square | ''/- | - | 是否使用直角边框 |
| size | 'sm'/'md'/'lg'/''/- | - | 尺寸大小 |
| notable | ''/- | - | 是否突出显示 |
Methods方法
有组件通用的内置方法：
- set：设置组件属性，支持一个参数即被设置的属性值键值对
{key，value}或其数组 - reset：重置组件属性，无参数
- clear：清除属性和值，无参数
基本用法：CompElem.reset();
Events事件
有组件通用的事件：
- connected：组件连接成功，无参数
- disconnected：组件断开连接，无参数
- adopted：组件被转移，无参数
- set：设置了属性，支持一个参数即设置的值
- cleared：清除了属性，无参数
- reset：重置了属性，无参数
基本用法：CompElem.on('connected',()=>{console.log('connected')});
