为什么index.html class="... sapUiMedia-Std-？“

Question

我的index.html

[class="sap-phone sapUiTheme-sap_belize sap-ios sapUiMedia-Std-Tablet sapUiMedia-StdExt-Tablet"] 

在iphone中，但演示是

[class="sap-tablet  sap-desktop sap-combi sapUiTheme-sap_belize sapUiMedia-Std-Phone sapUiMedia-StdExt-Phone"]

为什么我的"sapUiMedia-Std-Tablet“不是"sapUiMedia-Std-Phone"？

    sap.ui.getCore().attachInit(function () {
        new sap.tnt.ToolPage({
            header: new sap.tnt.ToolHeader("", {
                content: [
                    new sap.m.Button("", {
                        icon: "sap-icon://menu2",
                        type: sap.m.ButtonType.Transparent,
                        layoutData: new sap.m.OverflowToolbarLayoutData("", {
                            priority: sap.m.OverflowToolbarPriority.NeverOverflow
                        }),
                    })
                ]
            })
        }).placeAt("content");
    });

Answer 1

我找到了一种方法，将sap.m.App添加到index.html中，然后问题就解决了。

    sap.ui.getCore().attachInit(function () {
        new sap.m.App({
            pages: new sap.tnt.ToolPage({
                header: new sap.tnt.ToolHeader("", {
                    content: [
                        new sap.m.Button("", {
                            icon: "sap-icon://menu2",
                            type: sap.m.ButtonType.Transparent,
                            layoutData: new sap.m.OverflowToolbarLayoutData(
                                "", {
                                    priority: sap.m.OverflowToolbarPriority
                                        .NeverOverflow
                                }),
                        })
                    ]
                }),
                sideContent: new sap.tnt.SideNavigation("", {
                    item: new sap.tnt.NavigationList()
                })
            })
        }).placeAt("content");
    });

effects