美文网首页
【前端】react-awesome-slider样式修改

【前端】react-awesome-slider样式修改

作者: 毒师 | 来源:发表于2022-04-12 18:00 被阅读0次

背景:

    默认的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即可覆盖样式

相关文章

网友评论

      本文标题:【前端】react-awesome-slider样式修改

      本文链接:https://www.haomeiwen.com/subject/fwbasrtx.html