Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > View.js > Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

青灯夜游
Freigeben： 2022-01-17 19:07:16
nach vorne
4762 Leute haben es durchsucht

vue2.x + turn.js Wie erreicht man den Buchumdreheffekt? Im folgenden Artikel erfahren Sie, wie Sie turn.js in vue2.x verwenden und den Buchumdrehungseffekt erzielen. Ich hoffe, dass er für Sie hilfreich ist.

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Vue mit turn.js

Effektvorschau:

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Offizieller Website-Download-Quellcode: http://turnjs.com/

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Finden Sie die Datei lib/turn.js

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Fügen Sie es in die neu erstellte Utils-Datei ein.

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Turn.js wird mit jquery geschrieben. Bei Verwendung von vue müssen Sie jquery einführen Ich habe das offizielle Dokument mit

in die lokale Bilddatei eingefügt, um die Pixel der Datei anzuzeigen. Beim Festlegen der Breite und Höhe beträgt die Breite das Zweifache der Höhe und bleibt unverändert.

Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt

Vue-Dateiinhalt verwenden

npm install --save jquery
Nach dem Login kopieren
Lassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzieltEffektbilder:

【Verwandte Empfehlungen:

vue.js-TutorialLassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt】

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie vue2.x + turn.js den Book-Turn-Effekt erzielt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
turn.js
Quelle：juejin.cn
Vorheriger Artikel：So erstellen Sie eine Vue-Komponentenbibliothek von Grund auf und veröffentlichen sie auf npm Nächster Artikel：Verstehen Sie schnell die Fragment-, Suspense- und Portal-Funktionen in Vue3
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Welches Format haben die Variablen im Rückgabewert? Ich bin ein PHP-Neuling. Ich habe einen Code gefunden: if($x<time()){return[false,'erro...
Aus 2024-04-06 21:55:20
0
1
778
So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...
Aus 2024-04-06 20:02:10
0
2
543
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
Beheben von Problemen beim Produktions-Build von Vue3-Webkomponenten Ich versuche, meine vue2web-Komponenten auf vue3 zu migrieren, obwohl das Problem auftritt...
Aus 2024-04-06 12:43:37
0
1
473
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage