店铺组件库流程图
2021-10-26 19:32:27 7 举报店铺组件库流程图
作者其他创作
大纲/内容
通过tpt里的样式进行渲染，用于可拖拽的模块（可以随意改变定位）实现原理：通过mergeData函数，将template模版数据和model用户数据整合⚠️：mergeData函数，进行整合需遵循优先级
dom的动态变化设置需要依靠其他值来决定。hide：‘xxxxxx’ // 是否隐藏取决于后端的返回值value：‘xxxxxx’// 显示值
edit.js
module/form module：可拖拽；form：不可拖拽item/cell/img/text （模块）
content
tptId
nodes
subscribe
states
节点，类似指针，每一个nodes节点都包含上述的type/attr/style/relation/extends属性，可嵌套
模块状态
attr
moduleData渲染
data
web
tpt
通过自己写dom进行渲染，此类用于简单的css类型且不可拖拽的模块实现原理：vue实现原理，局部渲染⚠️：skinData函数，进行整合需遵循优先级
tptLoad文件是为了初始更改模版数据，用于当店铺装修平台新增的模块，无初始模版数据，需要给默认数据。例：知识付费模块，列表模块已上线一年，当无列表模块，会取商品列表模块数据。新增的大图等模块，当无模块数据，会取列表模块。
组件模块Id
title
web地址
看其他文件
type
代表是店铺装修
relation
this.env !== 'edit'
设计师平台对于模块的设置项配置*：模块的所有节点生效自定义j-xxx：template渲染应用到，写在class里，但是实际是以js方式加载
data.js
模块状态改变函数
tptLoad.js
dom的默认样式
section_id
style
render
dom的配置项参数，可自定义。value/crop/hide/titleLimit...
onChangeState
组件
template渲染
extends
默认数据
model用户数据的初始化处理
show_cart_btn
comId
组件id
模块IDtype：⚠️大类（需请教，开发者不可随意定）例：27section_id：大类下的细分，例：2701，2702
0 条评论
下一页
