我正在创建一个离子4页面,并希望包含一些ion-fab
按钮。我想将它们包括在列表中,以便它们在列表中滚动。我能够集成按钮本身,但不能集成ion-fab-list
。
使用下面的代码,我可以显示一个同时滚动的按钮。但是,单击按钮不会触发ion-fab-list
展开。
<ion-content>
[...]
<ion-fab-button class="center" size="small">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
<ion-fab-list side="end">
<ion-fab-button>
<ion-icon name="logo-vimeo"></ion-icon>
</ion-fab-button>
<ion-fab-button>
<ion-icon name="logo-vimeo"></ion-icon>
</ion-fab-button>
<ion-fab-button>
<ion-icon name="logo-vimeo"></ion-icon>
</ion-fab-button>
</ion-fab-list>
[...]
</ion-content>
在ion-fab
和ion-fab-button
周围包裹ion-fab-list
会破坏按钮的放置。然后将按钮固定(按离子键的意图)。