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
Code kopieren Der Code lautet wie folgt: <!DOC...
Inhaltsverzeichnis Projekterstellung Projektstruk...
1. Software-Einführung VirtualBox VirtualBox ist ...
Vorwort Heute habe ich von einem Entwickler die R...
Führen Sie den Befehl aus, um das Plugin postcss-...
Mit der zunehmenden Anzahl offener Plattformen ver...
Dieser Artikel veranschaulicht anhand von Beispie...
Tabellenname und Felder –1. Studentenliste Studen...
Aufschlag: # chkconfig --list Alle Systemdienste ...
Inhaltsverzeichnis 1. beforeCreate und erstellte ...
Binäre MySQL-Installationsmethode Laden Sie mysql...
Frage 1 lösen Starten Sie den Dienst: service mys...
1. Was ist mycat Ein vollständig Open Source-Groß...
In diesem Artikel wird der spezifische Code von R...
Passwortmodus PDO::__construct(): Der Server hat ...