Framework7选项卡

Question

<f7-toolbar tabbar>
  <f7-link icon-f7="compass_fill" tab-link="#tab-1"></f7-link>
  <f7-link icon-f7="drawers_fill" tab-link="#tab-2" tab-link-active></f7-link>
  <f7-link icon-f7="pie_fill" tab-link="#tab-3"></f7-link>
</f7-toolbar>
<f7-tabs>
  <f7-tab id="tab-1">
    <f7-view url="/tab1/"></f7-view>
  </f7-tab>
  <f7-tab id="tab-2" tab-active>
    <f7-view url="/tab2/"></f7-view>
  </f7-tab>
  <f7-tab id="tab-3">
    <f7-view url="/tab3/"></f7-view>
  </f7-tab>
</f7-tabs>

我真的不知道为什么，但是我的视图没有显示？有谁知道为什么不显示它们？

Answer 1

让我给您一个非专业的建议，但是可以。转到http://framework7.io/docs/tabs.html

，您只需复制并粘贴标签模板，然后进行编辑。

从我看到的结果来看，您的工作不正常，因为我似乎看不到类.f7-toolbar，而只是使用类.toolbar。 从当前代码的外观来看，每个带有前缀.f7-的类都无法使用，除非您使用的版本不是v2