流程图

demo2.png

解说

D2C数据的导入,目前主要接入sketch文件的直接上传方式和通过imgcook插件的schema导入方式两种。就D2C现有的能力,目前主推使用imgcook插件的方式,按照模块的粒度来进行schema数据的导入,这样的效果会更好。

D2C直接生成的代码,基本上不是直接可以使用的代码,当然,imgcook插件官方也在不断的在优化他们的算法,我们平台本身也在尝试加一层适配层来解决。目前,还需要进行一定的手动修改来更好的兼容适配,修改的方式有两种,(1)通过平台直接进行html、css的源码修改(2)通过平台的可视化搭建能力,通过拖拽一些基础组件元素布局来完成。

修改D2C直接生成的代码,肯定是有使用学习成本的,但是这个成本没有想象的那么大,毕竟D2C生成的代码还是有很大的规律可循的,主要就是布局上,D2C采用的是margin和固定宽高的方式来实现的,基本上就是修改宽高和截断就可以解决,具体情况可自行尝试。

sketch源文件直接上传的方式,文件越大解析越慢哦 20210316_192816.mp4 (16.08MB) 20210316_192921.mp4 (30.94MB) imgcook插件的方式 20210316_193815.mp4 (12.88MB)