- SAP UI5 sap.ui.vk 命名空间内的控件介绍
- SAP 电商云 Spartacus UI 的 Product C
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
- 如何在 SAP 电商云 Spartacus UI 首页的产品展示
- 网站上的 breadcrumb 使用场景浅析
- HTML 按钮(button)的 disable 属性和 dis
- SAP 电商云 Spartacus UI Proxy Facad
- Angular @Injectable 注解的工作原理浅析
- 关于 Angular 部署以及 index.html 里 bas
- SAP 电商云 Spartacus UI 从 CMS 取回 sl
Spartacus UI 的 banner Component 显示的图片,最终是通过一个 selector 为 cx-media 的 Component 实现的。路径为
projects\storefrontlib\src\shared\components\media\media.component.html
![](https://img.haomeiwen.com/i2085791/aa55a3db05636e85.png)
虽然名称叫 media,但其代码里硬编码了只能显示 image.
![](https://img.haomeiwen.com/i2085791/dc5668bef544107b.png)
为了支持 video,我们可以增强该 Component,或者直接在 Spartacus 里创建新的 VideoMediaComponent 即可,sample 代码如下:
![](https://img.haomeiwen.com/i2085791/280c8c9f7c72cf1d.png)
最后的效果如下图所示:
![](https://img.haomeiwen.com/i2085791/bd03e26a07183064.png)
更多Jerry的原创文章,尽在:"汪子熙":
![](https://img.haomeiwen.com/i2085791/97c4752c0e619c44.png)
网友评论