系统模块由淘宝官方店铺平台开发和提供使用,设计师(开发人员)无法控制其HTML结构以及交互行为。为了确保SDK模板设计风格与系统模块统一,允许模板覆盖默认的系统模块样式。因此,以下文档帮助设计师(开发人员)了解系统模块HTML结构,方便覆盖默认样式。
由于淘宝官方店铺平台可能增减系统模块的数量以及HTML结构,因此,SDK开发工具提供了实时更新的帮助文档。
同时,每种站点中支持的系统模块可能存在区别,如下图:
接下来,以收费版旺铺为例:
红色区域部分为当前文档所在的具体位置,下面可以自由切换目前SDK所支持的站点类型(站点个数可能实时更新,如果有增减的话)。
绿色区域部分是表格的栏位,其中,CSS类选择器名称主要用于指示当前模块所在的CSS类选择器,例如将模块的字体颜色修改成红色,CSS代码如下:
.tshop-pbsm-shop-item-recommend { color:red; }
点击”点击预览“链接后,可以参考当前系统模块的HTML结构,其内容是实时更新的,如果存在变化的话。
其他站点和模块操作以上述方法类推。
由于以下文档为静态文档,更新不定期,仅供参考:
想查询系统模块的完整DOM结构和系统模块默认CSS请点击》系统模块白名单