amis/docs/components/remark.md

81 lines
1.5 KiB
Markdown
Executable File

---
title: Remark 标记
description:
type: 0
group: ⚙ 组件
menuName: Remark
icon:
order: 62
---
用于展示颜色
## 基本用法
```schema:height="200"
{
"type": "page",
"body": {
"type": "remark",
"content": "这是一段提醒"
}
}
```
## 可配置标题
```schema:height="200"
{
"type": "page",
"body": {
"type": "remark",
"content": {
"title": "标题",
"body": "这是一段提醒"
}
}
}
```
## 弹出位置
```schema:height="200" scope="body"
[
{
"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` | 图标 |