关于前端:任性布局一款vue可视化拖拽自由布局转flex布局在线工具一键生成vue代码

7次阅读

共计 532 个字符,预计需要花费 2 分钟才能阅读完成。

分享一款可视化拖拽自在布局转 flex 布局在线工具 ( 内置趣味聊天室 )
这款工具和大部分可视化拖拽工具不同的是(他采纳自在布局, 而非流式布局), 最初依据坐标运算, 推导出 flex 布局代码(通过减少冗余款式, 来尽可能适配 uniapp h5 端和小程序端)

线上 demo(电脑端关上):

http://aicode.shagua.wiki/uni/index.html#/

个性

1. 可视化, 自在拖拽, 推导出 flex 布局, 尽可能兼容多端(h5, 微信小程序)

2. 反对 uviewui 内置所有图标, 也能够应用阿里图标库 160 万 + 图标(需填写网络门路)

3. 反对在遮罩 mask, 弹窗 Popup,modal 等组件, 间接拖拽, 绘制

4. 对于罕用的表单组件, 可间接帮你生成相干事件, 工夫, 单列多列等选择器等反对数据回显性能(免开发)– 在拖拽面板中的(formitem 表单项中)

5. 右键菜单, 二十几种对齐形式, 反对单选多选, 单行弹性对齐

6. 集成网络上用于解压的趣味聊天室

7. 开发者, 可自在创作布局, 而后上传(共享给其余开发人员应用)

8. 反对简略事件代码片段

9. 反对绑定变量(对象格局, 对象数组格局(下标要从 0 开始)), 间接在 vue 中生成相干格局的数据

局部操作(一套代码,h5 端和微信端通用, 其余没有测试):


正文完
 0