#13857·vant

[Bug Report] showLoadingToast部分IOS高版本(eg: 26.5)出现首次loading,动画效果没有加载

Author: xiaoyangiiCreated Jun 24, 2026Updated Jun 24, 2026
Labelsbug: need confirm

重现链接

https://vant4.ylhtest.com/#/zh-CN/toast

Vant 版本

4.6.2

描述一下你遇到的问题。

  • app技术栈:vant+capacitor+vue3

showLoadingToast部分IOS高版本(eg: 26.5)出现首次loading,动画效果没有加载

bug效果类似于: .van-loading__circular circle { /* animation: van-circular 1.5s ease-in-out infinite; */ stroke: currentColor; stroke-width: 3; stroke-linecap: round; } 去掉animation

重现步骤

以下是我的代码

import { closeToast, showLoadingToast, showToast } from 'vant'

const onSubmit = async () => {
  loginWayType = LoginByType.BY_CODE
  if (!checkPolicy()) {
    return
  }

  if (!(await checkNetwork(true))) {
    return
  }

  showLoadingToast({
    duration: 0,
    className: 'loading-toast',
    forbidClick: true
  })

  const { bizCode, data } = await apollo.ych.verifyPrincipleExists({
    data: JSON.stringify({
      accountType: 1,
      principle: loginInputStore.value.principle, // 手机号,根据实际修改
      mobileCode: loginInputStore.value.mobileCode // 区号,根据实际修改
    })
  })

  closeToast()

  if (bizCode === -1) {
    serverErrorToast()
    return
  }

  const { ret, data: params, error, bizCode: resultBizCode } = jsonParseRes(data)
  const { exists } = params || {}

  if (ret > -1 && exists !== undefined) {
    console.log('account exist: ' + data)
    loginStore.updateEnterCodeStore({
      email: '',
      principle: loginInputStore.value.principle,
      accountType: 1,
      mobileCode: loginInputStore.value.mobileCode,
      password: ''
    })
    existsValue.value = exists
    loginStore.updateInVerify(true)
    return
  }

  toastBizCodeErrorMsg(resultBizCode, error)
}

设备/浏览器

iphone13 IOS 26.5