此方法svg在tsx中的使用方式是通过import引入，并通过src赋值给img，不合适的请绕行，
举个例子：import ClearImg from '@/assets/images/clear.svg'
本来这个ui效果是这个样子的
按钮可点击，图标是svg的正常颜色，一点毛病没有！
后来由于功能的改动，该按钮要修改为禁止状态。 文字的和鼠标的状态容易修改， 当时脑子里只有一个声音，img用的svg，svg是我引入的，我还要一个个去svg里边改图吗！！！ 不不不！！改图的颜色多费劲啊！！组长，这不好改啊！！！！
后来换了个思路，改不了svg，把img调整一下，也是可以的哈。
于是把img 移除button范围以为外，然后在button加上overflow：hidden。
这样就看不到带颜色的img了，原来img所占据的位置，再有本img的shadow进行展示。
思路很清晰，效果很完美。
贴一下代码
理解为 我无法修改svg的颜色，我就把你挪走，对你的影子大改特改！！！
这次主要是脑回路卡死，导致浪费了很多时间。
同时 也回顾了 filter属性 filter--mdn直通车
简单讲述一下就是： filter属性将模糊或颜色偏移等图形效果应用于元素。 滤镜通常用于调整图像、背景和边框的渲染。
filter： blur(5px); // 模糊处理 filter: contrast(200%) ; 调整输入图像的对比度。值为0%将使图像变灰；值100%，则无影响；如超过100%将增强对比度。
