amis 使用service 组件实现动态渲染表单项时,设置columnCount显示异常

6rqinv9w  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(99)
描述问题:

使用service 组件实现动态渲染表单项时,设置columnCount显示异常
请用一段清晰简洁的文字描述问题是什么...
使用service 组件实现动态渲染表单项时,设置columnCount显示异常

截图或视频:

json如下:
{
"type": "page",
"title": "mainOfferBlock",
"body": [
{
"type": "container",
"style": {
"position": "static",
"display": "block"
},
"size": "none",
"wrapperBody": false,
"id": "u:a3f825c32240",
"body": [
{
"type": "grid",
"columns": [
{
"body": [
{
"type": "flex",
"className": "p-1",
"items": [
{
"type": "container",
"body": [
{
"type": "image",
"id": "u:819a13e7e1fd",
"enlargeAble": false,
"maxScale": 200,
"minScale": 50,
"style": {
"display": "inline-block"
},
"width": 40,
"height": 40,
"src": "https://docs.iwhalecloud.com/dmz-proxy/cos/download/124/amis_resource/20240219141956.jpg",
"wrapperCustomStyle": {
".cxd-Image.cxd-Image--thumb": {
"border": "none"
}
}
}
],
"size": "xs",
"style": {
"position": "static",
"display": "block",
"flex": "0 0 auto"
},
"wrapperBody": false,
"isFixedHeight": false,
"isFixedWidth": false,
"id": "u:906325fe77a8"
},
{
"type": "container",
"body": [
{
"type": "tpl",
"tpl": "UNI5G Postpaid 68 (1 SIM)",
"inline": false,
"wrapperComponent": "",
"id": "u:6ed0d87a3718",
"themeCss": {
"baseControlClassName": {
"font:default": {
"fontWeight": "var(--fonts-weight-3)",
"fontSize": "20px"
}
}
},
"wrapperCustomStyle": {
"root": {
"color": "#2D3040"
}
}
},
{
"type": "tpl",
"tpl": "Post-Paid",
"inline": false,
"wrapperComponent": "",
"id": "u:5264760256a6"
}
],
"size": "xs",
"style": {
"position": "static",
"display": "block",
"flex": "1 1 auto",
"flexGrow": 1,
"flexBasis": "auto"
},
"wrapperBody": false,
"isFixedHeight": false,
"isFixedWidth": false,
"id": "u:24b5af43dfbd"
}
],
"style": {
"position": "relative"
},
"id": "u:3568d4b0f382"
}
],
"id": "u:0008ddef4f67",
"valign": "bottom"
},
{
"body": [
{
"type": "flex",
"className": "p-1",
"items": [
{
"type": "container",
"body": [
{
"type": "tpl",
"tpl": "OTC: ",
"inline": true,
"wrapperComponent": "",
"id": "u:cca4823832ae"
}
],
"size": "xs",
"style": {
"position": "static",
"display": "block",
"flex": "0 0 auto"
},
"wrapperBody": false,
"isFixedHeight": false,
"isFixedWidth": false,
"id": "u:b90d55ddd99d"
},
{
"type": "container",
"body": [
{
"type": "tpl",
"tpl": "请编辑内容",
"inline": true,
"wrapperComponent": "",
"id": "u:8be94910607c",
"wrapperCustomStyle": {
"root": {
"color": "#ff9028"
}
}
}
],
"size": "xs",
"style": {
"position": "static",
"display": "block",
"flex": "1 1 auto",
"flexGrow": 1,
"flexBasis": "auto"
},
"wrapperBody": false,
"isFixedHeight": false,
"isFixedWidth": false,
"id": "u:99a7a8b8b108"
}
],
"style": {
"position": "relative"
},
"id": "u:d0da307725f3"
}
],
"id": "u:64870da97c9e",
"valign": "bottom"
},
{
"body": [
{
"type": "flex",
"className": "p-1",
"items": [
{
"type": "container",
"body": [
{
"type": "tpl",
"tpl": "MRC:",
"inline": true,
"wrapperComponent": "",
"id": "u:1f4e4bc7388f"
}
],
"size": "xs",
"style": {
"position": "static",
"display": "block",
"flex": "0 0 auto"
},
"wrapperBody": false,
"isFixedHeight": false,
"isFixedWidth": false,
"id": "u:d204d87d3dae"
},
{
"type": "container",
"body": [
{
"type": "tpl",
"tpl": "请编辑内容",
"inline": true,
"wrapperComponent": "",
"id": "u:caaad8034d09",
"wrapperCustomStyle": {
"root": {
"color": "#ff9028"
}
}
}
],
"size": "xs",
"style": {
"position": "static",
"display": "block",
"flex": "1 1 auto",
"flexGrow": 1,
"flexBasis": "auto"
},
"wrapperBody": false,
"isFixedHeight": false,
"isFixedWidth": false,
"id": "u:8be5d4cb4b6d"
}
],
"style": {
"position": "relative"
},
"id": "u:ba49dfbf3eea"
}
],
"id": "u:8c07c8fed660",
"valign": "bottom"
}
],
"id": "u:b5cd98098ea2"
}
]
},
{
"type": "container",
"body": [
{
"type": "service",
"body": [
{
"id": "u:52ef513c4bcc",
"type": "form",
"title": "",
"mode": "normal",
"dsType": "api",
"feat": "Insert",
"body": [
{
"type": "service",
"body": [],
"id": "u:82aaee9bd85c",
"dsType": "api",
"schemaApi": {
"url": "https://aisuda.bce.baidu.com/amis/api/mock2/service/form?tpl=tpl1&_replace=1",
"method": "get",
"requestAdaptor": "",
"adaptor": "",
"messages": {}
},
"initFetchSchema": true
}
],
"actions": [
{
"type": "button",
"label": "提交",
"onEvent": {
"click": {
"actions": [
{
"actionType": "submit",
"componentId": "u:52ef513c4bcc"
}
]
}
},
"level": "primary",
"id": "u:4ba2e3d26854"
}
],
"resetAfterSubmit": true,
"columnCount": 3
}
],
"id": "u:aac1d4e9dbed",
"dsType": "api",
"data": {}
}
],
"style": {
"position": "static",
"display": "block"
},
"size": "none",
"wrapperBody": false,
"id": "u:4571eb499a02"
}
],
"id": "u:a6d3f802bd15",
"asideResizor": false,
"pullRefresh": {
"disabled": true
},
"regions": [
"body"
]
}

可以的话,尽可能提供截图或视频来补充描述你的问题...

如何复现(请务必完整填写下面内容):
  1. 你是如何使用 amis 的?
    sdknpm其他 ...
  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
  3. 粘贴有问题的完整 amis schema 代码:
code here...
  1. 操作步骤
    请简单描述一下复现的操作步骤...
iq3niunx

iq3niunx1#

👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

相关问题