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
Inhaltsverzeichnis 1: Kapselungsidee 2. Verpackun...
In diesem Artikel wird der spezifische Code für J...
Bild-Tag <IMG> einfügen Die farbenfrohen Web...
Inhaltsverzeichnis Vorwort 1. MySQL ermöglicht SS...
Wir müssen darauf achten, dass die Eigenschaften ...
Inhaltsverzeichnis Datenspalten isolieren Präfixi...
In diesem Artikel wird der spezifische Code für J...
Docker ermöglicht die Bereitstellung von Netzwerk...
Ich habe mehr als eine Stunde gebraucht, um SSH i...
Bei der tatsächlichen Arbeit oder bei Interviews ...
Inhaltsverzeichnis Einführung Verwenden des strik...
Dieser Artikel beschreibt, wie xdebug in einer Ub...
Ich habe „Patterns for Sign Up & Ramp Up“ vor ...
Inhaltsverzeichnis 【Wirkung】 【Implementierungsmet...
Der Spread-Operator ermöglicht die Erweiterung ei...