You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Teams桌面端、网页端AdaptiveCard列样式未渲染移动端正常,是否为Bug

此前我搭建了一个监控流,用于上报所有状态变更,通知会以下方所示的AdaptiveCard形式推送。该卡片参考少量示例编写,我尚未深入了解AdaptiveCard的相关机制。

此前的显示效果

数周前我接到反馈,该自适应卡片的颜色显示丢失。

当前的显示效果

问题表现为:原本用于设置背景色的Column的style属性不再被渲染。

我推测是Teams版本更新导致桌面端和网页GUI版本出现该问题,目前我的Teams移动端App仍可以正常渲染该卡片。

请问是我的编写方式存在错误吗?还是我应该提交Bug报告?

以下是该卡片的精简JSON代码:

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.2",
    "selectAction": {
        "type": "Action.OpenUrl",
        "title": "Monitoring",
        "url": "https://somewhereon.sharepoint.com/teams/acb123/sub/Lists/mon/AllItems.aspx"
    },
    "body": [
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": "90px",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "Applications",
                            "wrap": true,
                            "weight": "Bolder"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "ColumnSet",
                            "columns": [
                                {
                                    "type": "Column",
                                    "width": "stretch",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": "Testing 123",
                                            "wrap": true
                                        }
                                    ]
                                },
                                {
                                    "type": "Column",
                                    "width": "15px",
                                    "style": "good",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": " "
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "type": "ColumnSet",
                            "columns": [
                                {
                                    "type": "Column",
                                    "width": "stretch",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": "Testing 456",
                                            "wrap": true
                                        }
                                    ]
                                },
                                {
                                    "type": "Column",
                                    "width": "15px",
                                    "style": "warning",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": " "
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "type": "ColumnSet",
                            "columns": [
                                {
                                    "type": "Column",
                                    "width": "stretch",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": "Testing 789",
                                            "wrap": true
                                        }
                                    ]
                                },
                                {
                                    "type": "Column",
                                    "width": "15px",
                                    "style": "attention",
                                    "items": [
                                        {
                                            "type": "TextBlock",
                                            "text": " "
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

感谢大家的反馈。
左侧为Teams移动端的显示效果,右上为桌面端(版本号1.4.00.26376 64位)显示效果,下方为Teams网页端显示效果。

三个Teams客户端版本的显示效果对比

内容的提问来源于stack exchange,提问作者Papasan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 03:36:03