amis2/docs/zh-CN/components/remark.md
吴多益 c8c4b6efa3
文档文字小调整;统一删掉 schema 中的高度设置;修复 tinymce 弹窗可能被遮挡问题 (#1336)
* 文档优化

* 文档细节调整,删除示例的 height 设置,使用自动撑开

* sdk 使用完整例子,因为新版没发布

* 修复官网语言不正确问题

* 增加 icon 调整颜色及大小的例子

* 修复文字错误

* 补充 each 的文档

* 修复 zh-CN 大写问题
2021-01-07 23:35:03 +08:00

77 lines
1.5 KiB
Markdown
Executable File

---
title: Remark 标记
description:
type: 0
group: ⚙ 组件
menuName: Remark
icon:
order: 62
---
用于展示提示文本,和表单项中的 remark 属性类型。
## 基本用法
```schema
{
"type": "page",
"body": {
"type": "remark",
"content": "这是一段提醒"
}
}
```
## 可配置标题
```schema
{
"type": "page",
"body": {
"type": "remark",
"content": {
"title": "标题",
"body": "这是一段提醒"
}
}
}
```
## 弹出位置
```schema: 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` | 图标 |