AI 助理
备案控制台
开发者社区 汪子熙 文章 正文

如何自定义SAP Spartacus店铺的界面颜色风格

2021-11-29 105
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 如何自定义SAP Spartacus店铺的界面颜色风格

SAP Spartacus电商页面默认的颜色风格：

注意下图红色高亮部分的颜色风格：

image.pngimage.pngimage.pngimage.png

以这个蓝色的购物车为例，

其css background属性的值来自变量–cx-color-primary,

image.png

后者定义在文件_mini-cart.scss里：

image.pngimage.pngimage.png

文章标签：
前端开发
关键词：
sap界面
sap自定义
spartacus sap
spartacus自定义
自定义sap界面
技术君
目录
相关文章
游客4llb6htoixmxw
|
3月前
|
网络安全
实战分析 - 为什么有些 SAP ABAP 程序，启动之后界面有些按钮是灰色的试读版
实战分析 - 为什么有些 SAP ABAP 程序，启动之后界面有些按钮是灰色的试读版
游客4llb6htoixmxw
31 0
游客4llb6htoixmxw
|
3月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
游客4llb6htoixmxw
49 0
游客4llb6htoixmxw
|
3月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
游客4llb6htoixmxw
63 0
游客4llb6htoixmxw
|
3月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
游客4llb6htoixmxw
45 0
游客4llb6htoixmxw
|
10月前
|
JavaScript 容器
关于 SAP Spartacus generic-link component 的模板代码
关于 SAP Spartacus generic-link component 的模板代码
游客4llb6htoixmxw
57 2
游客4llb6htoixmxw
|
10月前
|
前端开发
给 SAP Fiori Launchpad 配置自定义 url
给 SAP Fiori Launchpad 配置自定义 url
游客4llb6htoixmxw
114 0
游客4llb6htoixmxw
|
10月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector
游客4llb6htoixmxw
63 0
游客4llb6htoixmxw
|
10月前
|
存储 API 数据库
SAP BTP 平台 ABAP 编程环境如何维护自定义 Unit Of Measure 数据库表 T006
SAP BTP 平台 ABAP 编程环境如何维护自定义 Unit Of Measure 数据库表 T006
游客4llb6htoixmxw
79 0
游客4llb6htoixmxw
|
3月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
游客4llb6htoixmxw
58 0
游客4llb6htoixmxw
|
3月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
游客4llb6htoixmxw
45 0

汪子熙

热门文章

最新文章

  • 1
    SAP 电商云 Spartacus UI Angular UI 和 Accelerator JSP UI 的混合使用
  • 2
    SAP 电商云 Accelerator 和 Spartacus UI 的工作机制差异
  • 3
    如何给 SAP Spartacus cxOutletPos 赋值
  • 4
    SAP Spartacus lazy load module 里包含了被其他 Component 静态引用的组件该怎么办
  • 5
    关于SAP Spartacus Routing 页面上下文切换机制的实现
  • 6
    所有被td：last-child a影响到了的Spartacus表格
  • 7
    SAP Spartacus应用入口的模块加载单步调试
  • 8
    SAP Spartacus里的@mixin visible-focus
  • 9
    SAP Spartacus 自定义 Component 的使用 - SimpleResponsiveBannerComponent
  • 10
    SAP Commerce Cloud WCMS 里的 home 页面和 SAP Spartacus Page API 返回的数据比较
  • 1
    使用 ABAP 代码打印出 SAP CRM 系统里所有维护了 Sales Area 的 business partner id
    48
  • 2
    SAP Commerce Cloud 配置项 refreshWithLock=false 的作用介绍
    35
  • 3
    关于 SAP ABAP OData 服务如何实现 Deep Insert 场景 - SAP 应用的标准行为试读版
    66
  • 4
    Suno AI 生成 SAP ABAP 顾问之歌
    92
  • 5
    SAP ABAP 中数据类型 xstring 的使用介绍
    124
  • 6
    SAP Cloud for Customer 里如何通过 ABSL 二次开发方式消费 SAP S/4HANA 系统的 API
    51
  • 7
    使用金庸的著作，来测试阿里通义千问最新开放的长文档处理功能
    265
  • 8
    SAP HANA 的不同类型
    72
  • 9
    SAP CRM产品主数据无法根据产品描述字段进行搜索的原因
    37
  • 10
    介绍一个 webp 格式转 png 格式的软件：XNConvert
    79

    • 相关电子书

    更多
  • SAP Hybris零售行业解决方案 SAP Retail Industry Solution with Hybris Portfolio
  • 「资料下载」阿里云 SAP 云化转型方案与案例分享 | 新品发布会92期
  • 大道至简 — SAP上云方案

    • 相关实验场景

    更多
  • 图表样式智能美化工具
    • 下一篇
    通义千问API入门教程