Framework7如何使选项卡可滑动工作

时间:2018-12-11 07:26:57

标签: javascript vue.js html-framework-7

有人知道如何进行这项工作吗?

<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 个答案:

没有答案