当前位置: 首页 > Web前端 > HTML

任意布局:一个vue可视化拖拽自由布局转flex布局在线工具,一键生成vue代码

时间:2023-03-28 20:00:59 HTML

分享一个可视化拖拽自由布局转flex布局在线工具(内置趣聊room)这个工具和大多数可视化拖拽工具的区别在于(它采用自由布局而不是流体布局),最后根据坐标计算导出flex布局代码(通过添加冗余样式,可以适配uniapph5终端和小程序终端尽可能)在线演示(电脑打开):http://aicode.shagua.wiki/uni/index.html#/特点1.可视化,自由拖放,演绎flex布局,尽可能兼容多终端(h5、微信小程序)2.支持uviewui内置所有图标,也可以使用阿里图标库160万+图标(需填写网络路径)3.支持组件如如mask、popupwindow、modal等,直接拖拽,绘制4.对于comm只用到表单组件可以直接帮你生成相关的事件,时间,单列多列选择器等支持数据回显功能(免开发)--在拖拽面板(formitem表单项)5.对--点击菜单,二十几种对齐方式,支持单选和多选,单线弹性对齐6.集成好玩的聊天室在网络上解压7.开发者可以自由创建布局并上传(分享)8.支持简单事件代码片段9.支持绑定变量(对象格式,对象数组格式(下标从0开始)),直接在vue中生成相关格式的数据(一组代码,h5通用和微信,其他未测试):