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

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.

Vue mit turn.js

Effektvorschau:

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

Finden Sie die Datei lib/turn.js

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

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.

Vue-Dateiinhalt verwenden

npm install --save jquery

Effektbilder:

【Verwandte Empfehlungen:

vue.js-Tutorial】

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!