项目记录 | 青训营笔记

2022-08-21 106 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的第2天

树形结构渲染

首先页面views数组动态渲染数据
循环views数组，将数据传递给子组件
容器默认主轴为culum
子组件默认弹性盒模型，主轴为row
子组件如果按了下方向键，则检查是否有同级组件，如果有则直接在父组件里面放置新数组
如果没有则一个主轴是侧轴，内部包含两个默认为row的数据替换
如果按了左方向键，如果有同级组件则直接在父组件里放置新数组，如果没有同级组件则用一个主轴为row，内部含有两个盒子的子组件替换

子组件默认数据

{
    name:"flex-box",
    style:{
        justify-content:"center",
        align-items:"center",
        flex-direction:"row"
    }
}

剩余任务

测试项目
right调整(others)
图片视频上传
兼容性调整(改bug)秋
ppt
文档
视频

拓展任务

拖拽辅助线

bug

生成的flexbox无法选中
选中组件的内容会激活父组件的内容
选中单一组件问题
选中删除之后的模版问题

遗留的问题

Q

中央溢出（秋）
预览弹窗（秋）
发布生成html（秋）
图标大小问题（海）
答辩弄网页出来
单位固定（海）
复合组件写一些
right样式问题（民）
绝对定位问题
动态获取事件坐标
文档(邱)

20号汇总

代码提交了，readme文件有架构说明，现在是静态定位，那个绝对定位和flex在一起总是有问题，绝对定位也不相对于父级定位，你们先看看有什么问题先处理一下吧，我太累了

发布如果要改就需要两个接口，一个保存前端的id 和对应的json

另一个根据id获取json，写接口

绝对定位
导出html(布局没问题，基础组件有问题)
发布

剩余任务