
mobile

pc

code
項(xiàng)目特點(diǎn):
任意拖拽嵌套:通過組件預(yù)覽面板拖拽組件,到設(shè)計(jì)面板實(shí)現(xiàn)任意嵌套,設(shè)計(jì)面板中的組件也可隨意拖拽嵌套
實(shí)時(shí)預(yù)覽:設(shè)計(jì)面板中會(huì)實(shí)時(shí)展示組件的屬性效果和樣式效果,并且與真實(shí)頁面無異
DomTree展示:頁面組件dom樹的展示并實(shí)現(xiàn)dom實(shí)時(shí)追蹤
可視化屬性配置:結(jié)合React 特性和JS語法定制了可視化的組件屬性配置,實(shí)現(xiàn)復(fù)雜數(shù)據(jù)結(jié)構(gòu)的可視化配置
可視化樣式配置:通過樣式配置面板修改樣式,實(shí)時(shí)在頁面中顯示樣式效果
模板功能:可以選中局部或者整個(gè)頁面做為可復(fù)用的模板,提高頁面配置效率減少重復(fù)工作
組件約束:根據(jù)組件特性配置組件約束,減少組件間的錯(cuò)誤嵌套和報(bào)錯(cuò)
預(yù)覽與代碼生成:可隨時(shí)預(yù)覽頁面的真實(shí)效果,和頁面的jsx代碼與樣式代碼
組件庫替換 :通過簡單的配置可以對接任何React組件庫