SAP Spartacus Org Unit明细页面的设计原理

该页面分三部分组成。

其中蓝色和绿色两个区域的实现如下:两个section标签页:

section是HTML标准的标签之一,每个标签通过h1到h6不等的heading标签标识。

运行时渲染的HTML原生页面:

这里用cx-org-card selector使用了名为CardComponent的可重用组件。该可重用组件的html,card.component.html内部,定义了可以动态注入内容的代码如下:

一处是action:

另一处是main:

如果将section的main改成main1,则无法再与CardComponent html里的main selector匹配:

最后的输出:

更多Jerry的原创文章,尽在:“汪子熙”:

汪子熙 CSDN认证博客专家 前端框架 Node.js SAP
JerryWang,2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师,SAP中国技术大使。2020年5月下旬,Jerry做了脑部肿瘤的开颅切除手术,对编程和人生又有了新的感悟。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__0809 返回首页