字体渐变 兼容 ie

由

　　background: linear-gradient(0deg, #09AFE8 0%, #23E3AB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

变为

　　　　<svg width="100%" height="69">
          <defs>
            <linearGradient id="gradst" x1="0%" y1="0%" x2="0%" y2="100%">
                  <stop offset="0%" style="stop-color:#09AFE8; stop-opacity:1" />
                    <stop offset="100%" style="stop-color:#23E3AB; stop-opacity:1" />
                </linearGradient>
          </defs>
            <text x="0" y="56" fill="url(#gradst)" :class="['card_body']" style="font-family: DIN-Bold;cursor:pointer;">{{ total1 }}</text>
        </svg>

标签：linear,clip,gradient,text,渐变,兼容,background,webkit,ie
来源： https://www.cnblogs.com/dandanyajin/p/16287703.html