背景:
默认的autoplay方式的左、右箭头样式有点嫌弃 想要调整下,默认样式如下:
在线demo可以调整样式导出属性值,但不知道怎么应用
https://caferati.me/demo/react-awesome-slider/autoplay
但样式调整的参数给的类名是不对的(.aws-btn)
探究
使用demo代码片段
上图为demo中的代码片段,经过源码层层定位,
node_modules -- react-awesome-slider -- src -- core -- styles.scss 是组件的基础样式,里面有我想调整的属性
styles.scss头部引用了一个初始化常量类constants.scss,得知该组件的class名为awssld
解决
尝试了自定义的.scss 修改对应的属性值,出现报错(不是很懂scss和css、less的区别)
自定义.css/.less 同样的内容,import即可覆盖样式












网友评论