引入矢量图并动态修改颜色

之前的错误用法是用img 和backgroundImage 页面一直不显示 

.backStyle1{

    width: 20px;

    height: 20px;

    display: inline-block;

    mask: url('./static/image/style5.svg');

    vertical-align: top;

    mask-size: cover;

    -webkit-mask: url('./static/image/style5.svg');

    background-color: yellowgreen;

}

动态修改颜色

  <a-radio value={0}>

                  <span

                    class="frontStyle1"

                    style={{ backgroundColor: `rgb(${this.formState.frontColor.join()})` }}

                  ></span>

  </a-radio>