mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 11:07:52 +08:00
c8c4b6efa3
* 文档优化 * 文档细节调整,删除示例的 height 设置,使用自动撑开 * sdk 使用完整例子,因为新版没发布 * 修复官网语言不正确问题 * 增加 icon 调整颜色及大小的例子 * 修复文字错误 * 补充 each 的文档 * 修复 zh-CN 大写问题
77 lines
1.5 KiB
Markdown
Executable File
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` | 图标 |
|