h5editor

H5editor

Einführung

H5editor ist ein visuelles Mobiltelefon H5-Editor (Microscen, hauptsächlich Vollbild-Seitenwende und der H5-Editor ist nicht sehr genau, aber die Leute um die Umgebung denken, dass der Effekt davon H5 ist, dann ist es H5). Es basiert auf VUE2 und Element-UI, und seine Hauptfunktionen werden von Yiqixiu nachgeahmt.

Online -Vorschau -Adresse: H5editor

Hinweis: Verwenden Sie sie nur für die Praxis -Demo nicht in realen Umgebungen

Effekt Screenshot

Hauptfunktionen

Implementierte Funktionen

• Fügen Sie Text- und Bildkomponenten hinzu
• Ziehen, Dehnen, drehen Komponenten
• Stil ändern
• Animation hinzufügen
• Seiten hinzufügen, löschen, Seiten ändern
• Musik hinzufügen
• Speichern auf LocalStorage
• Vorschaueffekt
• Klicken Sie mit der rechten Maustaste
• Löschen von Komponenten

So verwenden Sie das Projekt

1. Klicken Sie auf dieses Projekt oder laden Sie sie herunter:

 $ git clone https://github.com/Alvin-Liu/h5editor.git

2. Installieren Sie Modulabhängigkeiten:

 npm install

3. Starten Sie den Service:

 npm run dev

4. Packen Sie den Code ein:

 npm run build

andere

Dies ist nur ein vorübergehendes Projekt, das in einem bestimmten Jahr, Monat und Tag nicht lange nachdem ich zum ersten Mal mit Vue in Kontakt gekommen war. Wenn Sie Ideen haben, fügen Sie WeChat hinzu, um zu kommunizieren. Bitte beachten Sie: H5editor beim Hinzufügen von WeChat.