mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 11:07:52 +08:00
ffb948377c
* remark 提示的图标支持配置圆形 * 修改文档 Co-authored-by: sarding <hongfuquan@baidu.com>
2.1 KiB
Executable File
2.1 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
Remark 标记 | 0 | ⚙ 组件 | Remark | 62 |
用于展示提示文本,和表单项中的 remark 属性类型。
基本用法
{
"type": "page",
"body": {
"type": "remark",
"content": "这是一段提醒"
}
}
图标形状
{
"type": "page",
"body": {
"type": "remark",
"content": "这是一段提醒",
"shape": "circle"
}
}
可配置标题
{
"type": "page",
"body": {
"type": "remark",
"content": {
"title": "标题",
"body": "这是一段提醒"
}
}
}
支持变量
{
"type": "page",
"data": {
"github": "https://github.com/"
},
"body": [
{
"type": "remark",
"content": "${github}"
},
{
"type": "remark",
"content": {
"title": "${github|raw}",
"body": "${github}"
}
}
]
}
弹出位置
[
{
"type": "remark",
"content": "向上",
"placement": "top"
},
{
"type": "remark",
"content": "向下",
"placement": "bottom"
},
{
"type": "remark",
"content": "向左",
"placement": "left"
},
{
"type": "remark",
"content": "向右",
"placement": "right"
}
]
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
remark |
|
className | string |
外层 CSS 类名 | |
content | string |
提示文本 | |
placement | string |
弹出位置 | |
trigger | string |
['hover', 'focus'] |
触发条件 |
icon | string |
fa fa-question-circle |
图标 |
shape | 'circle' | 'square' |
图标形状 |