TabBar

tabBarWithJq

引入：

import tabBarWithJq from "tabBarWithJq";

使用：

在模板中如下加入组件即可：

<tab-bar-with-jq :tab-list.sync="tabList" :is-show-back-btn-flag="false"></tab-bar-with-jq>

以下为模板示例(TabBar有两个页面切换)：

   <div class="wrapper ma">
        <tab-bar-with-jq :tab-list.sync="tabList" :is-show-back-btn-flag="false"></tab-bar-with-jq>
        <div class="content">
            <section class="cl pr">
                <div class="cont pa">
                    <div class="tit pa"></div>
                    <div class="sponsor pa">
                        <ul class="list">
                            <li v-for="item in giftlist">{{ item }}</li>
                        </ul>
                    </div>
                    <div class="btn pa {{dataInterface.btnstatus=='0' ?'gatbtn': 'ligbtn' }}"  @click='onGetRawardClick'>
                        <p>{{conf.spec_show.tips[1]}}</p> 
                    </div> 
                    <div class="bottom pa"><p>{{conf.spec_show.tips[0]}}</p></div>
                </div>
            </section>
            <section style="display:none;">
                <ol class="rule">
                    <li v-for="(index,liItem) in ruleList">{{ liItem }}</li>      
                </ol>
            </section>
        </div>
    </div>
    <normal-dialog></normal-dialog>
</template>