我在同一行上有很多离子徽章。每个徽章都包含一个离子图标和一些文本。当同一行上有很多离子徽章时,为了显示所有离子徽章而不会显示文本。

以下是HTML(可以有更多的离子徽章):

<ion-item>
    <ion-badge slot="end" color="light">
        <ion-icon src="theSourceHere.svg"></ion-icon>
        Text
    </ion-badge>
    <ion-badge slot="end" color="light">
        <ion-icon src="theSourceHere.svg"></ion-icon>
        Text
    </ion-badge>
</ion-item>


除了ionic框架的CSS或SCSS之外,我没有其他CSS或SCSS的应用,这里是result。我看CSS已经有一段时间了,但目前还没有发现任何东西。

我试图允许溢出-y,以便用户只需要滚动浏览徽章即可。

最佳答案

关闭<ion-item>标记并检查是否有效

希望这就是你expecting
使用离子滚动和方向属性。

10-05 20:25
查看更多