今天给大家分享一下H5-Dooring的最新更新，让大家可以更高效的使用它来制作属于自己的H5页面。属性编辑面板UI升级，支持展开收起，支持长文本组件自由拖动。支持点击交互项目工程配置优化下面重点介绍一下属性面板的UI升级，以及它能给非技术人员在页面搭建过程中带来哪些帮助。1.属性编辑面板的UI升级，和传统的搭建平台一样，大部分属性面板固定在右侧。对于H5构建平台来说，固定模式完全够用，不会影响用户的构建效率。但是，对于PC端的页面构建，由于画布尺寸比较大，而对于小屏设备，如果按比例缩放画布，不利于用户预览和准确构建。如果属性面板的右侧是固定的，画布的某些区域将被遮挡。因此，为了更好的用户体验和构建效率，我将其设计为可拖动，支持伸缩。属性面板在之前的固定模式上进行了升级，如下：这样，当我们拖动画布或者调整画布到PC的大小时，我们就可以很方便的控制属性面板的大小和位置。2、长文本组件支持点击交互Dooring低代码组件库中的文本组件、图片组件、标题组件、按钮组件、icon组件之前都支持事件交互功能：跳转链接打开弹窗拨打电话number返回顶部长文本组件的自定义代码，因为之前的组件设计目标是纯展示，所以不支持事件交互。由于用户的反馈，最新的事件对长文本的支持也统一了。如下：3.项目工程配置优化这个Block也是Dooring一直在迭代的一个方向。每一次功能迭代都将伴随着工程的不断优化，以保证项目的稳定性和高代码质量。我们工程使用umi3.0，所以我们在.umirc.ts文件下统一管理编辑器相关的公共配置。这里需要注意文件中的define，主要用于提供自定义配置：define:{START_ENV,lang,//配置h5终端访问的域名h5Domain:'xxx.x??xx.xx',//设置当前版本号curVersion:dooringVersion,//记录信息copyright:'鄄xxxxxx-3',//是否显示更新弹窗showUpdateModal:true,//更新日志updateList:["1.新增表格组件","2.国际化优化","3.表格详情页支持内部滚动","4.个人图片库性能优化","5.下载代码功能优化"],//网站标志地址logo:'http://cdn.dooring.cn/dr/logo.ff7fc6bb.png',//入口页是否显示赞助品牌和版权提示showAdsAndTip:true,//获取第二部分登录时的登录码二维码qrcode:'http://cdn.dooring.cn/dr%2Fcode1.png',//默认语言defaultLocale:'zh-CN',langMap:langMap},后续H5-Dooring将继续从结构、功能、生态、智能几个纬度不断迭代，并将持续输出系列教程和技术产品分享。如果您对低代码和零代码感兴趣，请随时给我反馈。
