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
Das feste Layout des Seitenkopfes wurde zuvor mit...
Einführung: MySQL-Datenbankwiederherstellung nach...
Inhaltsverzeichnis <Vorlage> <ul Klasse=...
Weiterleitung zwischen zwei verschiedenen Servern...
[ Linux-Installation von Tomcat8 ] Tomcat deinsta...
Gute Datenbankspezifikationen tragen dazu bei, di...
Inhaltsverzeichnis React-Native-Projektinitialisi...
3 Möglichkeiten zum Implementieren des Tab-Wechse...
1. Umwelt: MySQL-5.0.41-win32 Windows XP Professi...
Brotli ist ein neues Datenformat, das eine um 20 ...
Inhaltsverzeichnis 1. Beispiel für Drag-Effekt 2....
Inhaltsverzeichnis Matlab-Centroid-Algorithmus Da...
Inhaltsverzeichnis Was ist der Restoperator? Wie ...
Die Optimierung großer Datenbankdatenmengen ist e...
Die Hauptkonfigurationsdatei von Nginx ist nginx....