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-07-09
立即下载2022-07-09
立即下载2022-06-25
立即下载2022-07-02
立即下载2022-07-09
立即下载2022-07-09
立即下载相关文章
爱奇艺App更改登录密码的方法
2022-12-11Eagle如何添加字体?Eagle添加字体的技巧
2022-11-26SQLyog怎么修改数据库连接?
2022-11-12Maya场景如何导入做好的模型文件?
2022-11-26世界之窗浏览器如何设置无图模式?
2022-11-26影音先锋保存位置在哪里?影音先锋设置保存位置的方法
2022-11-12按键精灵2014录制功能怎么用?
2020-08-18天地劫礼包码_天地劫11月15日最新礼包码分享
2022-12-04Visual Studio如何新建网站?Visual Studio新建网站的技巧
2022-11-26Canva如何编辑文字?Canva编辑文字的方法
2022-12-04