【问题标题】:In "ion-fab-list" element, some buttons show up and others don't在“ion-fab-list”元素中,一些按钮显示而其他按钮不显示
【发布时间】:2020-01-24 01:09:23
【问题描述】:

我在 ion-fab-list 元素中有一些按钮。只有一个按钮,即“邮件”出现。其他按钮不显示。如何解决这个问题?

<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

【问题讨论】:

  • 只有这个出现......如果你复制它多次而不是其他,它会显示全部还是只显示 1 次?
  • @MostafaHarb 它显示的次数与我键入“邮件”按钮的次数一样多。
  • 现在使用除邮件以外的任何其他邮件,并给他按钮 ion-fab 邮件类(btn-mail)并尝试查看它是否显示
  • 如果我将邮件类别添加到其他按钮,它就会开始显示。为什么会发生这种情况?
  • 问题出在其他类,只有邮件有正确的类信息才能显示为fab,而其他邮件则不适合作为fab。

标签: ionic3


【解决方案1】:

正如 Mostafa 在 cmets 中所建议的,可能未配置邮件以外的图标类。当前版本的ion-fab doc 没有明确支持使用类属性。为 ion-fab 配置类的一些链接是 link1link2

至于显示其他图标,给它们提供类邮件解决了这个问题。

【讨论】:

    猜你喜欢
    • 2016-10-15
    • 2021-05-01
    • 2016-05-21
    • 2013-12-09
    • 2021-09-28
    • 2016-07-03
    • 2011-07-04
    • 2018-09-26
    • 2015-08-21
    相关资源
    最近更新 更多