h5editor

H5Editor

導入

H5Editorは視覚的な携帯電話のH5エディターです（マイクロスケン、主にフルスクリーンページターン、H5エディターはあまり正確ではありませんが、周りの人々はH5であると考えています。 Vue2とElement-UIに基づいており、その主な機能はYiqixiuによって模倣されています。

オンラインプレビューアドレス：H5Editor

注：デモのみを練習するには、実際の環境で使用しないでください

効果スクリーンショット

主な関数

実装された関数

• テキストと画像コンポーネントを追加します
• ドラッグ、ストレッチ、回転コンポーネント
• スタイルを変更します
• アニメーションを追加します
• 追加、削除、ページの変更
• 音楽を追加します
• LocalStorageに保存します
• プレビュー効果
• メニューを右クリックします
• コンポーネントの削除

プロジェクトの使用方法

1.このプロジェクトをクローンまたはダウンロードする：

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

2。モジュールの依存関係をインストールします。

 npm install

3。サービスを開始します：

 npm run dev

4。コードをパッケージ化します：

 npm run build

他の

これは単なる一時的なプロジェクトであり、私が最初にVueと接触した直後に特定の年、月、日に始まった。アイデアがある場合は、WeChatを追加して通信してください。注：WeChatを追加するときはH5Editor。