svg相关

86 阅读1分钟

一、雪碧图

  1. UI设计师提供svg合集的文件,如下:(每个是一个图标)

image.png

  1. 使用:
    import iconSet from '../../assets/svgIconSet/symbol-defs.svg'; <svg width='40px' height='40px'> <use xlinkHref={iconSet + item.icon}></use> </svg>

二、普通svg

普通svg可以当做普通图片引入

如果想通过修改线条颜色达到切换按钮状态的效果,直接根据条件修改class的样式即可