求助：移除订阅卡片提交后的SVG加载圆形，仅显示感谢提示

要移除圆形加载动画只保留感谢提示，直接定位并删除对应元素/代码即可，分这几种情况处理：

• 如果圆形是SVG里的<circle>元素
  打开你的HTML代码，找到加载状态的SVG部分，直接删除里面的<circle>标签。比如原代码：

  <div class="submit-success">
    <svg width="60" height="60" viewBox="0 0 60 60">
      <!-- 这个圆形就是加载动画 -->
      <circle cx="30" cy="30" r="25" stroke="#ccc" stroke-width="3" fill="none" class="loading-spin"/>
      <text x="30" y="32" text-anchor="middle" font-size="14">thank you</text>
    </svg>
  </div>
  

  修改后删掉<circle>标签，只留文本：

  <div class="submit-success">
    <svg width="60" height="60" viewBox="0 0 60 60">
      <text x="30" y="32" text-anchor="middle" font-size="14">thank you</text>
    </svg>
  </div>
  

• 如果圆形是CSS模拟的（比如伪元素）
  检查你的CSS代码，找到控制加载圆形的规则，比如：

  .loading::before {
    content: '';
    width: 30px;
    height: 30px;
    border: 3px solid #ccc;
    border-radius: 50%;
    border-top-color: #333;
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    to { transform: rotate(360deg); }
  }
  

  直接删除这段.loading::before的CSS规则和对应的@keyframes spin。

• 如果JS有控制圆形显示的逻辑
  查看你的JS代码，找到显示圆形加载的语句，比如：

  function handleSubmit() {
    // 显示圆形加载
    document.querySelector('.loading-spin').style.display = 'inline-block';
    // 显示感谢文本
    document.querySelector('.thank-you-text').style.display = 'block';
  }
  

  删除那行控制圆形显示的代码即可。

如果还是找不到对应部分，可以把你的完整代码贴出来，我再帮你精准定位。

内容的提问来源于stack exchange，提问作者SvgInvalid