タブのUniAppトップ

uniappのように、プラグインアプリケーションテンプレート情報の関数として、公式のコンポーネントswiper、ないローリングスタートとなり、以降、彼らはスクロールビューラベル缶を追加することが必要であること、公式ウェブサイトを見たいです

アプリは、それがuniappとノート行うために最初にすること

まず、私は2つだけがそう直接タグビューに書かれているので、上部にあるタブのタブであることが第一

< ビュークラス= "のNAV" > 
            < ビュー：クラス= "{アクティブ：現在== I}" V-ため= "（項目、I）のNAVの" @click = "navsHandleClick（I）" > {{アイテム。 lable}} </ ビュー> 
 </ ビュー>

そして、下の内容を書き込む、スライドをクリックして、タブを切り替えることができ、選択したスタイルを追加

：現在=「現在の」属性を追加する必要があります

< ビュークラス= "ユニタブ・バー" > 
            < swiperクラス= "swiperボックス" @change = "intervalChange" ：現在= "現在" > 
                < swiper項目> 
                < スクロールビューのスクロール-Yクラス= "リスト"  > 
                    < ビュースタイル="高さ：2000px;」> 1 </ ビュー> 
                </ スクロールビュー> 
                < スクロールビューのスクロール-Yクラス= "リスト"  > 
                    < ビュースタイル= "高さ：> 
                </ スクロールビュー> 
                </ swiper項目> 
            </ swiper > 
        </ ビュー>

Uni.cssはapp.vueで導入しました

@import」./common/uni.css';

JS

方法：{ 
        navsHandleClick（I）{ 
            にconsole.log（I）。
            この .currentは= 私を。
        }、
        intervalChange（E）{ 
            この .current = e.detail.current。
        } 
    }