h5editor

h5editor

簡介

h5editor是一款可視化手機h5編輯器（微場景，主要上下全屏翻頁，叫h5編輯器不是很準確，不過周圍人都以為這樣子的效果是h5的話，那它就是h5吧），它基於vue2、element-ui實現，主要功能模仿易企秀。

在線預覽地址：h5editor

注：僅為練習DEMO，請勿用於真實環境

效果截圖

主要功能

已實現功能

• 添加文字、圖片組件
• 拖動、拉伸、旋轉組件
• 修改樣式
• 添加動畫
• 增、刪、改頁面
• 添加音樂
• 保存到localStorage
• 預覽效果
• 右鍵菜單
• 組件的刪除

項目使用方法

1.克隆或者下載本項目：

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

2.安裝模塊依賴：

 npm install

3.啟動服務：

 npm run dev

4.打包代碼：

 npm run build

其他

這只是一個臨時興起的項目，開始於剛接觸vue沒多久的某年某月某一天，如果有任何想法，都歡迎加微信溝通，加微信時請備註：h5editor。