javascript - Aurelia UI 框架选项卡面板和 Ui-Menu-Items 在移动视图中无法正常工作

Question

我正在使用 aurelia ui 框架。使用选项卡面板和菜单栏时，它在电话视图中无法按预期工作。特别是当有许多选项卡时，需要一个 :（更多）图标来查看剩余的选项卡面板或菜单栏。它在正常 Web 视图中按预期工作，但在移动视图中静默失败

我尝试了选项卡面板和菜单栏，它们在移动视图中都有相同的问题。

<ui-tab-panel active-tab.bind="activeTab">
  <ui-tab view-model="anyViewModel">View Model</ui-tab>
  <ui-tab closeable view="any.html">View</ui-tab>
  <ui-tab disabled="true">Disabled</ui-tab>

//try adding multiple tabs for mobile view so that we see that : more icon
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>
 <ui-tab view-model="anyViewModel">View Model</ui-tab>


  <compose view.bind="activeTab.view" view-model.bind="activeTab.viewModel"></compose>
</ui-tab-panel>

它需要按预期工作。按：（更多图标）并按菜单栏应触发操作。

标签： javascriptaureliaaurelia-ui-framework