mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 18:48:45 +08:00
chore: 修复文档中的裂图 (#7545)
This commit is contained in:
parent
cf07b9baef
commit
b29afca720
@ -15,7 +15,7 @@ order: 27
|
|||||||
```schema: scope="body"
|
```schema: scope="body"
|
||||||
{
|
{
|
||||||
"type": "avatar",
|
"type": "avatar",
|
||||||
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg"
|
"src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -44,6 +44,7 @@ order: 27
|
|||||||
## 动态图片或文字
|
## 动态图片或文字
|
||||||
|
|
||||||
src、text 都支持变量,可以从上下文中动态获取图片或文字,下面的例子中:
|
src、text 都支持变量,可以从上下文中动态获取图片或文字,下面的例子中:
|
||||||
|
|
||||||
- 第一个获取到了,显示正常
|
- 第一个获取到了,显示正常
|
||||||
- 第二个没获取到,因此降级为显示 icon
|
- 第二个没获取到,因此降级为显示 icon
|
||||||
- 第三个图片没获取到,由于 text 优先级比 icon 高,所以显示 text
|
- 第三个图片没获取到,由于 text 优先级比 icon 高,所以显示 text
|
||||||
@ -51,7 +52,7 @@ src、text 都支持变量,可以从上下文中动态获取图片或文字,
|
|||||||
```schema
|
```schema
|
||||||
{
|
{
|
||||||
"data": {
|
"data": {
|
||||||
"myAvatar": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg"
|
"myAvatar": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
"type": "page",
|
"type": "page",
|
||||||
"body": [
|
"body": [
|
||||||
@ -122,16 +123,16 @@ src、text 都支持变量,可以从上下文中动态获取图片或文字,
|
|||||||
{
|
{
|
||||||
"type": "avatar",
|
"type": "avatar",
|
||||||
"size": 60,
|
"size": 60,
|
||||||
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg"
|
"src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"type": "avatar",
|
"type": "avatar",
|
||||||
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg"
|
"src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"type": "avatar",
|
"type": "avatar",
|
||||||
"size": 20,
|
"size": 20,
|
||||||
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg"
|
"src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
@ -213,6 +214,7 @@ src、text 都支持变量,可以从上下文中动态获取图片或文字,
|
|||||||
```
|
```
|
||||||
|
|
||||||
## 图片加载失败后,通过 onError 控制是否进行 text、icon 置换
|
## 图片加载失败后,通过 onError 控制是否进行 text、icon 置换
|
||||||
|
|
||||||
> 如果同时存在 text 和 icon,会优先用 text、接着 icon
|
> 如果同时存在 text 和 icon,会优先用 text、接着 icon
|
||||||
|
|
||||||
```schema: scope="body"
|
```schema: scope="body"
|
||||||
@ -242,7 +244,7 @@ src、text 都支持变量,可以从上下文中动态获取图片或文字,
|
|||||||
## 属性表
|
## 属性表
|
||||||
|
|
||||||
| 属性名 | 类型 | 默认值 | 说明 |
|
| 属性名 | 类型 | 默认值 | 说明 |
|
||||||
| --------- | ----------- | ------ | --------------------- |
|
| ----------- | ------------------------------------------------------------------ | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
||||||
| className | `string` | | 外层 dom 的类名 |
|
| className | `string` | | 外层 dom 的类名 |
|
||||||
| style | `object` | | 外层 dom 的样式 |
|
| style | `object` | | 外层 dom 的样式 |
|
||||||
| fit | `'contain'` \| `'cover'` \| `'fill'` \| `'none'` \| `'scale-down'` | `'cover'` | 具体细节可以参考 MDN [文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit) |
|
| fit | `'contain'` \| `'cover'` \| `'fill'` \| `'none'` \| `'scale-down'` | `'cover'` | 具体细节可以参考 MDN [文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit) |
|
||||||
|
@ -26,7 +26,7 @@ order: 33
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"thumbMode": "contain",
|
"thumbMode": "contain",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -187,7 +187,7 @@ itemSchema: {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"thumbMode": "contain",
|
"thumbMode": "contain",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"onEvent": {
|
"onEvent": {
|
||||||
@ -250,7 +250,7 @@ itemSchema: {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"thumbMode": "contain",
|
"thumbMode": "contain",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -292,7 +292,7 @@ itemSchema: {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"thumbMode": "contain",
|
"thumbMode": "contain",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -337,7 +337,7 @@ itemSchema: {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"thumbMode": "contain",
|
"thumbMode": "contain",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
@ -52,22 +52,22 @@ ListSelect 一般用来实现选择,可以单选也可以多选,和 Radio/Ch
|
|||||||
{
|
{
|
||||||
"label": "OptionA",
|
"label": "OptionA",
|
||||||
"value": "a",
|
"value": "a",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"label": "OptionB",
|
"label": "OptionB",
|
||||||
"value": "b",
|
"value": "b",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"label": "OptionC",
|
"label": "OptionC",
|
||||||
"value": "c",
|
"value": "c",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"label": "OptionD",
|
"label": "OptionD",
|
||||||
"value": "d",
|
"value": "d",
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
@ -94,7 +94,7 @@ order: 52
|
|||||||
"type": "form",
|
"type": "form",
|
||||||
"data": {
|
"data": {
|
||||||
"id": 1,
|
"id": 1,
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg",
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
|
||||||
"images": [
|
"images": [
|
||||||
{
|
{
|
||||||
"image": "https://internal-amis-res.cdn.bcebos.com/images/2020-1/1578395692722/4f3cb4202335.jpeg@s_0,w_216,l_1,f_jpg,q_80",
|
"image": "https://internal-amis-res.cdn.bcebos.com/images/2020-1/1578395692722/4f3cb4202335.jpeg@s_0,w_216,l_1,f_jpg,q_80",
|
||||||
|
@ -259,7 +259,7 @@ Word 渲染支持以下功能:
|
|||||||
{
|
{
|
||||||
"type": "input-text",
|
"type": "input-text",
|
||||||
"name": "img",
|
"name": "img",
|
||||||
"value": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg",
|
"value": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
|
||||||
"label": "图片地址"
|
"label": "图片地址"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -118,7 +118,7 @@ order: 67
|
|||||||
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
|
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
|
||||||
"carousel": [
|
"carousel": [
|
||||||
{
|
{
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
|
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
|
||||||
@ -128,7 +128,7 @@ order: 67
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"date": 1591270438,
|
"date": 1591270438,
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg",
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
|
||||||
"json": {
|
"json": {
|
||||||
"id": 1,
|
"id": 1,
|
||||||
"text": "text"
|
"text": "text"
|
||||||
@ -185,7 +185,7 @@ order: 67
|
|||||||
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
|
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
|
||||||
"carousel": [
|
"carousel": [
|
||||||
{
|
{
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
|
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
|
||||||
@ -195,7 +195,7 @@ order: 67
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"date": 1591270438,
|
"date": 1591270438,
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg",
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
|
||||||
"json": {
|
"json": {
|
||||||
"id": 1,
|
"id": 1,
|
||||||
"text": "text"
|
"text": "text"
|
||||||
@ -244,7 +244,7 @@ order: 67
|
|||||||
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
|
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
|
||||||
"carousel": [
|
"carousel": [
|
||||||
{
|
{
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
|
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
|
||||||
@ -254,7 +254,7 @@ order: 67
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"date": 1591270438,
|
"date": 1591270438,
|
||||||
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg",
|
"image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
|
||||||
"json": {
|
"json": {
|
||||||
"id": 1,
|
"id": 1,
|
||||||
"text": "text"
|
"text": "text"
|
||||||
|
@ -74,8 +74,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
thumbMode: 'contain',
|
thumbMode: 'contain',
|
||||||
image:
|
image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
|
||||||
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
onEvent: {
|
onEvent: {
|
||||||
|
@ -33,8 +33,7 @@ module.exports = function (req, res) {
|
|||||||
'https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac',
|
'https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac',
|
||||||
carousel: [
|
carousel: [
|
||||||
{
|
{
|
||||||
image:
|
image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
|
||||||
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
html: '<div style="width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;">carousel data in crud</div>'
|
html: '<div style="width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;">carousel data in crud</div>'
|
||||||
@ -45,8 +44,7 @@ module.exports = function (req, res) {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
date: Math.round(Date.now() / 1000),
|
date: Math.round(Date.now() / 1000),
|
||||||
image:
|
image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
|
||||||
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
|
|
||||||
}),
|
}),
|
||||||
parseInt(req.query.perPage, 10) || 10
|
parseInt(req.query.perPage, 10) || 10
|
||||||
)
|
)
|
||||||
|
@ -6,17 +6,15 @@ module.exports = function (req, res) {
|
|||||||
imageList: [
|
imageList: [
|
||||||
{
|
{
|
||||||
image:
|
image:
|
||||||
'https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png',
|
'https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
html:
|
html: '<div style="width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;">carousel data</div>'
|
||||||
'<div style="width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;">carousel data</div>',
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image:
|
image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
|
||||||
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg',
|
}
|
||||||
},
|
]
|
||||||
],
|
}
|
||||||
},
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
@ -32,8 +32,7 @@ module.exports = function (req, res) {
|
|||||||
Math.round(Math.random() * 10)
|
Math.round(Math.random() * 10)
|
||||||
),
|
),
|
||||||
date: Math.round(Date.now() / 1000),
|
date: Math.round(Date.now() / 1000),
|
||||||
image:
|
image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
|
||||||
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
|
|
||||||
})),
|
})),
|
||||||
|
|
||||||
table2: repeat(() => ({
|
table2: repeat(() => ({
|
||||||
@ -50,8 +49,7 @@ module.exports = function (req, res) {
|
|||||||
Math.round(Math.random() * 10)
|
Math.round(Math.random() * 10)
|
||||||
),
|
),
|
||||||
date: Math.round(Date.now() / 1000),
|
date: Math.round(Date.now() / 1000),
|
||||||
image:
|
image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
|
||||||
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
|
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"status": 0,
|
"status": 0,
|
||||||
"msg": "ok",
|
"msg": "ok",
|
||||||
"link": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
"link": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user