Magical Drag免费版是一款H5布局器,Magical Drag免费版软件能够快速生成网页界面布局,是为程序员和产品经理量身打造的一款软件,Magical Drag免费版软件是基于h5实现的自由布局器,软件可以让用户即时预览布局,随心所欲地修改界面布局。
软件都在html里面
您可以使用idea直接打开start.html 总之必须采用localhost方式打开
windows用户直接双击启动.bat即可:打开浏览器访问 //localhost:12345/magicaldrag/start.html。请尽量使用chrome访问 获取最优体验
手动启动:双击ngxin.exe 打开浏览器访问 //localhost:12345/magicaldrag/start.html
callback.js中增加
before_click_left_component_to_center
after_click_left_component_to_center
增加 right_menu配置 可以自定义右键面板菜单功能
属性
标题采用友好的tooltips,只需要配置属性的tooltip
增加节点是否可以拖拽宽高配置
增加其他UI框架 AntDesign,Vant,Miniui,Vuetify
支持多个key并存校验 减少多种环境切换的麻烦
key.js中采用
/*软件运行允许的域名对:防破解 具体配置在application-env.js*/
keys:env.keys,
application-env.js中采用
keys:[
{
//允许的域名
domain:"",
//发放的加密串 请咨询www.magicalcoder.com
secret:"",
}
]
增加表格的合并 拆分 新增行列 删除行列
重构部分文件目录 更加精简
index-xxx.html引入
同时注意新版此min文件所在目录
常见问题答疑:
问:此为深入使用布局器,期望有些组件的属性比如下拉框 能够动态的根据后台返回来设置
答:您需要使用布局器的api+callback便可实现,具体做法如下
方案一:实时刷新调用
在callabck.js的pre_build_attrs(每次在构建属性之前)里注入以下逻辑方法
调用api.getConstant()拿到constant.js的实例,然后动态修改this.rightPanel的某个组件的属性
最后需要调用一下api.refreshRightAttrPane();使之生效
方案二:仅在布局器加载后调用一次
在callback.js的after_start(布局器加载完毕)
里注入以下逻辑方法
调用api.getConstant()拿到constant.js的实例,然后动态修改this.rightPanel的某个组件的属性
最后需要调用一下api.refreshWorkspace();使之生效 以上方案同样适用于自定义左侧组件源
最后调用一下api.rebuildLeftComponents();刷新一次左侧源的事件
同类推荐
2022-04-19
立即下载2022-04-27
立即下载2022-04-28
立即下载2022-06-18
立即下载2022-06-21
立即下载2022-08-16
立即下载相关文章
TrustViewer的使用教程
2023-01-02AirExplorer怎么用?AirExplorer使用方法
2023-01-02Bandicam设置定时录制视频的方法
2022-12-25MuMu模拟器设置键盘的方法
2022-12-25教你使用图怪兽添加LOGO教程
2022-12-25刷机大师解除root权限的方法
2022-12-1858同城App关闭消息推送的方法
2022-12-11万兴数据恢复专家系统无法启动数据恢复技巧
2022-12-04爱奇艺视频设置跳过片头的方法
2022-12-04360系统重装大师把XP系统换成Win7系统的方法
2022-11-12