技术栈
之前在笔者的文章中也介绍过H5-Dooring使用的技术栈和基础架构实现了, 感兴趣的可以参考 基于React+Koa实现一个h5页面可视化编辑器
最近我们在用nest重构项目的后端部分, 后期会做一定的技术方案介绍...日历组件也是最近刚加的, 主要是为了实现更丰富的H5页面展示, 如下:
?
我们可以设置选择的时间范围, 被选择范围的主色, 日期等....之前还有个朋友问过我为什么项目使用了这么多组件在预览H5页面的时候速度还是很快, 这里我说明一下具体的实现方式, 如下图:
?...笔者这里展示一下具体的交互方式:
?
打开弹窗的交互用户可以自定义弹窗中的内容, 如下:
?
此时在手机端的预览效果如下:
?...界面设计优化
和0.1版本比界面上做了很大的调整和优化, 比如说我们的登录页面:
?
预览页面:
?