簡(jiǎn)介：

h5ve-design是一款專注低代碼平臺(tái)工具，功能強(qiáng)大，高可擴(kuò)展的HTML5可視化編輯器，致力于提供一套簡(jiǎn)單易用、高效創(chuàng)新、無(wú)限可能的解決方案。技術(shù)棧采用vue和javascript開(kāi)發(fā), 專注研發(fā)創(chuàng)新工具。

h5ve-design

技術(shù)棧：

Vue2.x Javascript Element-ui

項(xiàng)目結(jié)構(gòu)：

代碼結(jié)構(gòu)

功能特點(diǎn)：

H5可視化編輯器包括的核心功能區(qū)有：組件區(qū)、畫(huà)布區(qū)、頂部功能區(qū)

組件區(qū)

組件主要包括 常用組件, 媒體組件, 高級(jí)組件, 圖表組件, 當(dāng)然用戶可以基于自身業(yè)務(wù)劃分不同的分類, 組件規(guī)范，并進(jìn)行組件的二次開(kāi)發(fā)。

同時(shí)還提供了組件定制的能力, 讓用戶選擇自己常用的組件, 這樣用戶可以更高效的搭建頁(yè)面。

畫(huà)布區(qū)

畫(huà)布區(qū)可以動(dòng)態(tài)調(diào)整畫(huà)布大小來(lái)試試預(yù)覽不同尺寸的樣式, 也可以移動(dòng)畫(huà)布, 縮放畫(huà)布來(lái)快捷的操作頁(yè)面，以及刻度尺、輔助線、右鍵等功能。

頂部功能區(qū)

頂部功能區(qū)包括的功能有：縮放、導(dǎo)出、預(yù)覽、保存、全屏、退出等。

應(yīng)用場(chǎng)景：

低代碼/無(wú)代碼可視化設(shè)計(jì)工具、數(shù)據(jù)大屏工具、多媒體信息發(fā)布設(shè)計(jì)工具、H5設(shè)計(jì)工具、表單收集制作工具、活動(dòng)頁(yè)面制作工具、企業(yè)/個(gè)人微官網(wǎng)設(shè)計(jì)工具、宣傳營(yíng)銷制作工具等

規(guī)劃：

– 頁(yè)面管理(復(fù)制,編輯, 刪除, 新建)

– 組件動(dòng)畫(huà)

– 組件交互

– 撤銷、重做

– 快捷鍵

– 模版庫(kù)

– 微信分享

– h5ve-design Vue3版本

– h5ve-design Electron版本

演示地址：

http://h5ve.gitee.io/h5ve-design/

開(kāi)源地址：

Gitee:

https://gitee.com/h5ve/h5ve-design

Github:

https://github.com/h5ve/h5ve-design