如何定制化SAP Spartacus的购物车图标
SAP 如何 Spartacus 图标 定制 购物车
2023-09-14 09:02:52 时间
SAP Spartacus默认的购物车图标如下图所示:
使用如下的css代码对其外观进行修改:
/* You can add global styles to this file, and also import other style files */
$skipComponentStyles: (cx-mini-cart);
@import "~@spartacus/styles/index";
@import "custom-styles";
cx-mini-cart {
margin-right: unset;
padding: 10px;
position: relative;
.count {
position: absolute;
border-radius: 50%;
color: white;
text-align: center;
right: 0;
top: 0;
}
.total {
display: none;
}
}
结果:
更多Jerry的原创文章,尽在:“汪子熙”:
相关文章
- SAP UI5 navpopover Factory 的使用方法介绍
- 关于使用 SAP UI5 代码设置应用 theme 的技巧
- 使用 SAP UI5 sap.ui.export.Spreadsheet API 进行 Excel 导出的一些限制
- 如何更详细查看SAP 系统版本信息
- 将SAP系统迁移到云上? 同时带上您的存档数据
- 如何确认 SAP Spartacus SSR Transfer State 已经正常工作了
- 如何通过 ABAP 代码给 SAP OData 元数据增添注解试读版
- SAP MM 模块的入门者,想学习 ABAP 编程语言应该如何入手?
- SAP系统在企业内部控制方面有哪些独到之处?
- SAP UI5 里一个功能的 compatibility version 是什么含义?
- 澄清一些对 SAP UI5 响应式表格 sap.m.Table 的常见理解误区试读版
- SAP UI5 响应式表格 sap.m.Table 根据不同宽度的屏幕动态决定显示或隐藏 Column 的实现源代码讲解试读版
- SAP UI5 的数据绑定语法概述
- SAP程序代码中RANGE表的用法禁忌详解编程语言
- 如何查找SAP的事务代码清单详解编程语言
- [代码]如何上载图片到SAP数据库并显示详解编程语言
- 如何查找SAP系统内某个Tcode下已经实施的增强(BADi、user-exit、BTE….)详解编程语言
- JAVA 调用SAP Webservice 报401详解编程语言
- SAP MM模块常用表总结详解编程语言
- SAP query创建详解编程语言
- SAP如何批量设置采购信息记录删除标记详解编程语言
- SAP中关于物料主数据里物料类型的修改详解编程语言
- SAP MM PR的审批策略中设置经过了审批的PR就不能再被修改详解编程语言
- SAP SE16N手工调试修改表数据详解编程语言
- abap–如何获取sap标准表的相关的锁(lock)详解编程语言
- SAP发布的WebService的登陆语言设置详解编程语言
- 系统SAP在Linux系统上的开启之旅(sap启动linux)
- 缓存使用SAP创建Redis缓存,实现高效稳定加速(sap如何创建redis)