如下圖所示：

打開項目文件夾下的文件style.scss:
將如下代碼粘貼進去：

/* You can add global styles to this file, and also import other style files */$styleVersion: 2.1; @import '~@spartacus/styles/index';:root {--cx-color-primary: blue;--cx-color-secondary: green; }$skipComponentStyles: (cx-mini-cart);%jerry-custom-mini-cart {a {color: black;position: relative;display: block;.count {border: solid 2px var(--cx-color-dark);background: var(--cx-color-primary);border-radius: 5px;width: 20px;height: 20px;display: flex;position: absolute;justify-content: center;align-items: center;top: -10px;right: -10px;}.total {display: none;}} } cx-mini-cart {@extend %jerry-custom-mini-cart !optional; }

修改結果:

運行時可以看到，購物車圖表的風格來自我項目里的scss文件了：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的如何自定义SAP Spartacus店铺的购物车图表css风格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。