In diesem Artikelbeispiel wird der spezifische Code für das WeChat-Applet zum horizontalen und vertikalen Scrollen als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt Wichtige Punkte Swiper interner Satz Scroll-Ansicht Beachten: 1. Die vertikale Scrollhöhe kann nicht in Prozent, sondern in px/rpx angegeben werden Code xml <swiper class="tab-box" current="{{currentTab}}" duration="300" bindchange="switchTab"> <swiper-item class="tab-content"> <scroll-view class="scroll-height" scroll-y="true" scroll-with-animation="{{true}}"> <Ansichtsklasse="forts"> <Ansichtsklasse="jira-card" wx:für="{{jiraArray}}" wx:für-index="idx" wx:für-item="itemJira" wx:key="idx"> <Karte itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></Karte> </Ansicht> </Ansicht> </scroll-ansicht> </swiper-item> <swiper-item class="tab-content"> <scroll-view class="scroll-height" scroll-y="true" scroll-with-animation="{{true}}"> <Ansichtsklasse="forts"> <Ansichtsklasse="jira-card" wx:für="{{jiraArray}}" wx:für-index="idx" wx:für-item="itemJira" wx:key="idx"> <Karte itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></Karte> </Ansicht> </Ansicht> </scroll-ansicht> </swiper-item> </swiper> <swiper class="tab-box" current="{{currentTab}}" duration="300" bindchange="switchTab"> <swiper-item class="tab-content"> <scroll-view class="scroll-height" scroll-y="true" scroll-with-animation="{{true}}"> <Ansichtsklasse="forts"> <Ansichtsklasse="jira-card" wx:für="{{jiraArray}}" wx:für-index="idx" wx:für-item="itemJira" wx:key="idx"> <Karte itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></Karte> </Ansicht> </Ansicht> </scroll-ansicht> </swiper-item> <swiper-item class="tab-content"> <scroll-view class="scroll-height" scroll-y="true" scroll-with-animation="{{true}}"> <Ansichtsklasse="forts"> <Ansichtsklasse="jira-card" wx:für="{{jiraArray}}" wx:für-index="idx" wx:für-item="itemJira" wx:key="idx"> <Karte itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></Karte> </Ansicht> </Ansicht> </scroll-ansicht> </swiper-item> </swiper> wxss .tab-box{ Höhe: 1040rpx; } .scroll-höhe { Höhe: 1040rpx; } js meinAudit(){ dies.setData({ aktuellerTab:0, }) }, meinInitiate(){ dies.setData({ aktuellerTab:1, // jiraArray:[] }) }, switchTab(Ereignis){ var cur = Ereignis.Detail.aktuell; var singleNavWidth = this.data.windowWidth / 5; dies.setData({ currentTab: aktuell, navScrollLeft: (aktuell - 2) * singleNavWidth }); } Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Beispielcode für die Codevorlage für die Linux C-Protokollausgabe
>>: Lösen Sie schnell das Problem, dass der mysql57-Dienst plötzlich verschwunden ist
Gestern habe ich einen Blog über den kreisförmige...
1. Stoppen Sie zuerst den mysqld.exe-Prozess 2. Ö...
Code kopieren Der Code lautet wie folgt: <!DOC...
1. Centos7 unter VMware verbinden und eine feste ...
Vorwort Bevor wir über den Deckungsindex sprechen...
Die aktuelle Anforderung lautet: Es gibt eine Sch...
Inhaltsverzeichnis 1. Wirkungsdiagramm (mehrere S...
In diesem Artikel wird der spezifische Code von j...
MySQL 5.0 ist aufgrund seiner wenigen „erweiterte...
Vorherige Das ist eine klassische alte Frage. Da ...
Plattformbereitstellung 1. JDK installieren Schri...
Die Titelbilder in den Spalten von Zhihu Discover...
Im Linux-System gibt es neben den verschiedenen, ...
Ich möchte das grafische Tutorial zur Installatio...
Inhaltsverzeichnis Erstellen einer global freigeg...