我的视图在我的桌面上可以正常使用,但不适用于我的手机

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我的视图在我的桌面上可以正常使用,但不适用于我的手机相关的知识,希望对你有一定的参考价值。

你好,有人可以帮我解决这个问题吗?在我的桌面浏览器中,我的片段视图可以正常工作,但在我的手机中却不能...

Desktop

Mobile

这是我的观点:

<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:custom="meusapps.testeAppOpenUI5.control">
<ScrollContainer id="root1" horizontal="false" vertical="true" height="100%">
    <List id="listaProposta" headerText="Propostas em Tramitação" items=" path: 'modelProposta>/'">
        <CustomListItem >
            <HBox  width="100%">
                <HBox width="75%">
                    <HBox alignContent="Center" alignItems="Center">
                        <Avatar src="modelProposta>detalheAutores/ultimoStatus/urlFoto" initials="modelProposta>initials" displaySize="M" showBorder="true"
                            class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom"/>
                    </HBox>
                    <VBox class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom">
                        <Label text="modelProposta>proposta/siglaTipo modelProposta>proposta/numero/modelProposta>proposta/ano" design="Bold" wrapping="true"/>
                        <Label text="modelProposta>proposta/ementa" wrapping="true"/>
                    </VBox>
                </HBox>
                <HBox width="25%">
                    <VBox class="sapUiSmallMarginBegin sapUiSmallMarginTopBottom">
                        <HBox alignContent="Center" alignItems="Center" class="sapUiSmallMarginBottom">
                            <Button icon="sap-icon://thumb-up" type="Accept" press="onAgreePress" class="sapUiSmallMarginBegin sapUiMediumMarginEnd roundButton"/>
                            <Button icon="sap-icon://thumb-down" type="Reject" press="onDisagreePress" class="sapUiMediumMarginEnd roundButton"/>
                            <Button icon="sap-icon://decline" press="onRemovePress" class="roundButton"/>
                        </HBox>
                        <custom:Rating id="pi-with-animation" class="sapUiSmallMarginBottom sapUiSizeCompact" percentValue="50" displayValue="50%" state="Success"
                             displayOnly="true"/>
                    </VBox>
                </HBox>
            </HBox>
        </CustomListItem>
    </List>
</ScrollContainer>

先谢谢您

答案

我按照@Marc的建议解决了问题,将控件CustomListItem更改为ResponsiveTable,并在第三列中使用了弹出框

以上是关于我的视图在我的桌面上可以正常使用,但不适用于我的手机的主要内容,如果未能解决你的问题,请参考以下文章

响应式网页设计适用于桌面,但不适用于移动设备

标题不适用于移动设备

按钮操作不适用于 subView

地理位置API不适用于移动设备

Compass适用于真实设备,但不适用于Emulator

jQuery Chained - 不适用于 iOS