代码之家  ›  专栏  ›  技术社区  ›  Skeeith22

框架7如何使选项卡可旋转

  •  0
  • Skeeith22  · 技术社区  · 6 年前

    有人知道怎么做吗?

    <f7-page :page-content="false">
        <f7-navbar title="Swipeable Tabs" back-link="Back"></f7-navbar>
        <f7-toolbar tabbar>
            <f7-link tab-link="#tab-1" tab-link-active>Tab 1</f7-link>
            <f7-link tab-link="#tab-2">Tab 2</f7-link>
            <f7-link tab-link="#tab-3">Tab 3</f7-link>
        </f7-toolbar>
        <f7-tabs swipeable>
            <f7-tab id="tab-1" class="page-content" tab-active>
                <f7-block>
                    <p>Tab 1 content</p>
                    ...
                </f7-block>
            </f7-tab>
            <f7-tab id="tab-2" class="page-content">
                <f7-block>
                    <p>Tab 2 content</p>
                    ...
                </f7-block>
            </f7-tab>
            <f7-tab id="tab-3" class="page-content">
                <f7-block>
                    <p>Tab 3 content</p>
                    ...
                </f7-block>
            </f7-tab>
        </f7-tabs>
    </f7-page>
    

    这是链接: Framework7 - Tabs

    这里的示例代码不能按预期工作。 也许有人遇到过这样的情况并找到了解决办法

    0 回复  |  直到 6 年前