amis Grid 水平分栏在sm宽度(>=576px,< 768px)下显示异常

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

如题

截图或视频:

=576px 下的显示异常

576px以下正常显示移动样式

768px以上正常显示pc端

如何复现(请务必完整填写下面内容):
  1. 你是如何使用 amis 的?
    sdk app
  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
    v2.7.2
  3. 粘贴有问题的完整 amis schema 代码:
{
            "type": "container",
            "style": {
                "textAlign": "center",
                "margin": "8px"
            },
            "body": [
                {
                    "type": "grid",
                    "className": "b-a b-light",
                    "columns": [
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "<a style='font-size:28px;font-weight:bold;' href='#/alert/tasks?alertStatus=1'>${AlertTaskForAlertingCount}</a><br/>告警中"
                                }
                            ],
                            "columnClassName": "b-a b-light p-b-xs"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "<a style='font-size:28px;font-weight:bold;' href='#/alert/list'>${AlertCount}</a><br/>监控数"
                                }
                            ],
                            "columnClassName": "b-a b-light p-b-xs"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "<a style='font-size:28px;font-weight:bold;' href='#/alert/tasks'>${AlertTaskCount}</a><br/>监控任务"
                                }
                            ],
                            "columnClassName": "b-a b-light p-b-xs"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "<a style='font-size:28px;font-weight:bold;' href='#/report/list'>${ReportCount}</a><br/>报告数"
                                }
                            ],
                            "columnClassName": "b-a b-light p-b-xs"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "<a style='font-size:28px;font-weight:bold;' href='#/report/tasks'>${ReportTaskCount}</a><br/>报告任务"
                                }
                            ],
                            "columnClassName": "b-a b-light p-b-xs"
                        }
                    ]
                }
            ]
        }
ua4mk5z4

ua4mk5z41#

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

Please review the labels and make any necessary changes.

相关问题