子页面设计
2025-05-22 11:57:10 0 举报123
作者其他创作
大纲/内容
一个画布
分页面渲染
预览页
子页面1画布
vuex
多个画布
graphHelper pageKey pageUUID
WidgetStorePoolState = { [pageKey: string]: WidgetStore }已做隔离
编辑页
通过每个组件 visible 控制
所有有关画布的操作和交互不用修改还是在原画布操作1. 复制 剪切要改变组件的 子页面属性2. 切换 组件列表重新计算渲染3. 清空选中组件 收起右侧设置栏4. 所有的撤销重做记录 需要用子页面隔离5. 切换页面设置 每一个子页面页面设置不一样 切换频繁更换背景 会卡顿6. 切换可见性 还要区分 黄块隐藏
graphHelper pageKey pageUUID
1. 切换页面手动重置 放大缩小倍率2. 清空选中组件 收起右侧设置栏3. 调整拖拽 使用 全局拖住啊的 dndhelper
加载页面数据（一次/分页面）
切换子页面隐藏原来子页面节点 显示当前子页面节点
将目前的编辑器dom 抽成组件 不同子页面 渲染不同编辑器首次进入只渲染默认页面 切换子页面时 加载该子页面组件列表 将该子页面加入编辑器渲染列表 渲染dom 节点 第一次进入该子页面渲染慢一点 再次切换不会
原组合预览
子页面按需渲染
边和节点 要分开加入 加入后 重新 渲染组件层级
轮播实现
首次进入渲染时间长
本地页面数据 存储按照 页面组合的方式多画布渲染
切换画布更新编辑页的全局的 graphHelper dndHelper pageKey pageUUID
通过dom展示与否控制
页面编辑页
组件隐藏 只是画布节点的 vusible 为false 但所有组件的都还在相当于一个一个组件超多的页面
所有子页面的组件放一起一次渲染
组件要增加一个子页面的属性
加载页面数据按需加载数据
首次切换子页面的时候 使用addNodes把 当前页面的组件 放入画布
0 条评论
下一页
