语法:$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的原创文章,请关注公众号"汪子熙":