在 "ion-fab-list" 元素中，一些按钮出现，而另一些则不出现

Question

我在 ion-fab-list 元素中有一些按钮。只有一个按钮 "mail" 出现。其他按钮不显示。如何解决？

<ion-fab right bottom>
  <button ion-fab color="accent"><ion-icon name="arrow-dropup"></ion-icon></button>
  <ion-fab-list side="top">
    <button ion-fab class="btn-google-plus"><ion-icon name="logo-googleplus"></ion-icon></button>
    <button ion-fab class="btn-mail"><ion-icon name="mail"></ion-icon></button>

    <button ion-fab class="btn-youtube"><ion-icon name="logo-youtube"></ion-icon></button>
    <button ion-fab class="btn-twitter"><ion-icon name="logo-twitter"></ion-icon></button>
    <button ion-fab class="btn-facebook"><ion-icon name="logo-facebook"></ion-icon></button>
    <button ion-fab class="btn-linkedin"><ion-icon name="logo-linkedin"></ion-icon></button>
  </ion-fab-list>
</ion-fab>

这是相同的屏幕截图。 Screenshot of the error 作为旁注，我使用的是 ionic v3.9.2，node v8.11.3

Answer 1

正如 Mostafa 在评论中所建议的，可能未配置除邮件以外的图标的 class。当前版本 ion-fab doc doesn't explicitly endorse use of class attribute. Some links to configure class for ion-fab are and link2

至于显示其他图标，给它们 class 邮件解决了这个问题。

在 "ion-fab-list" 元素中，一些按钮出现，而另一些则不出现

In "ion-fab-list" element, some buttons show up and others don't

ionic3