SAP Spartacus如何禁止某些标准的css样式

语法:$skipComponentStyles:(cx-mini-cart, cx-searchbox);

Opt-out的含义:自愿退出,不参加

例子:下图是cx-mini-cart和cx-searchbox的默认样式:

下图是禁止了这两个样式之后的搜索栏和购物车图标列表:


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8swMWiBr-1600260404758)(https://upload-images.jianshu.io/upload_images/2085791-e0b4e53091aa8026.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

以cx-mini-cart为例:
语法:$skipComponentStyles:(cx-mini-cart);

效果如下,颜色风格变成黑色了:

默认的cx-mini-cart的颜色被var(–cx-color-primary)控制:

var(–cx-color-primary)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dJJKpBPh-1600260404761)(https://upload-images.jianshu.io/upload_images/2085791-cdf561b8bb98e79a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

可以在Chrome开发者工具里动态修改这个颜色,例如改成绿色:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pNMVziDX-1600260404762)(https://upload-images.jianshu.io/upload_images/2085791-65058a83dcef61ed.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

猜你喜欢

转载自blog.csdn.net/i042416/article/details/108630186
SAP